Yi.Vue3.x.Vant/src/view/my.vue

（开头部分） 5KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <van-row class="headRow">
    <van-col span="2"><van-icon name="scan" size="1.5rem" /></van-col>
    <van-col span="20"></van-col>
    <van-col span="2"
      ><van-icon name="setting-o" size="1.5rem" @click="show = true"
    /></van-col>
  </van-row>

  <van-row class="bodyRow">
    <van-col span="6" class="leftCol">
    <AppUserIcon width="4rem" height="4rem" :src="user.icon"></AppUserIcon>
    </van-col>
    <van-col span="12" class="title"><span>{{user.nick}}</span></van-col>
    <van-col span="6" class="subtitle"
      ><span>个人主页<van-icon name="arrow" /></span
    ></van-col>

    <van-col span="6" class="bodyCol"
      ><div><span>6</span><br />关注</div></van-col
    >
    <van-col span="6" class="bodyCol"
      ><div><span>3</span><br />粉丝</div></van-col
    >
    <van-col span="6" class="bodyCol"
      ><div><span>0</span><br />人气</div></van-col
    >
    <van-col span="6" class="bodyCol"
      ><div><span>3</span><br />钱钱</div></van-col
    >

    <van-col span="24">
      <van-row class="btnRow">
        <van-col span="12">
          <van-button class="btn">
            <van-icon name="bag" size="1.8rem" /> <span>我的购物</span><van-icon
              name="arrow"
              size="1.2rem" /></van-button
        ></van-col>

        <van-col span="12">
          <van-button class="btn"
            ><van-icon name="send-gift" size="1.8rem" /> <span>我的签到</span><van-icon
              name="arrow"
              size="1.2rem" /></van-button
        ></van-col>
      </van-row>
    </van-col>

    <AppGrid class="grid" :data="data1"></AppGrid>
    <AppGrid class="grid" :data="data2"></AppGrid>
    <AppGrid class="grid" :data="data3"></AppGrid>
  </van-row>

  <van-popup
    v-model:show="show"
    position="right"
    :style="{ height: '100%', width: '100%', backgroundColor: '#F8F8F8' }"
  >
    <van-nav-bar
后面还有 196 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。