nsgk_mobile/src/views/onlineHome/personalPicture.vue

<template>
  <div>
    <van-nav-bar
      title="画像"
      left-arrow
      @click-left="$router.back(-1)"
    />
    <van-tabs v-model="active" title-active-color="#1D6FE9" color="#1D6FE9" line-width="20px" swipeable>
      <van-tab title="个人画像">
        <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
          <van-row>
            <van-col span="22" :offset="2" >
              <h2 style="color: #1D6FE9;margin: 10px 0">基本信息</h2>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h2 style="margin: 10px 0">刘泽权</h2>
            </van-col>
            <van-col span="10" :offset="2">
              <h3 style="margin: 10px 0">张村镇东夼村</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">年龄：23</h3>
            </van-col>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">民族：汉族</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">性别：男</h3>
            </van-col>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">学历：本科</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="22" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">电话：13306311234</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="22" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">身份证号：371481200101042566</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="22" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">住址：威海市环翠区张村镇东夼村56号</h3>
            </van-col>
          </van-row>
        </van-cell-group>
        <van-cell-group style="width: 96%;margin:2%;border-radius: 6px;overflow: hidden;padding-top: 10px;padding-bottom: 15px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);">
          <van-row>
            <van-col span="22" :offset="2">
              <h2 style="color: #1D6FE9;margin: 10px 0">资产信息</h2>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">宅基地信息</h3>
            </van-col>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">股权信息</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h2 style="margin-bottom: 6px">147号1宗</h2>
            </van-col>
            <van-col span="10" :offset="2">
              <h2 style="margin-bottom: 6px">12股</h2>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">承包地信息</h3>
            </van-col>
            <van-col span="10" :offset="2">
              <h3 style="color: #878787;margin: 6px 0">议事会组织</h3>
            </van-col>
          </van-row>
          <van-row>
            <van-col span="10" :offset="2">
              <h2 style="margin-bottom: 6px">3亩</h2>
            </van-col>
            <van-col span="10" :offset="2">
              <h2 style="margin-bottom: 6px">议事成员</h2>
            </van-col>
          </van-row>
        </van-cell-group>
      </van-tab>
      <van-tab title="农户画像">农户画像</van-tab>
    </van-tabs>
  </div>
</template>

<script>
    import onlineHomeIndex from "../onlineHomeIndex";
    export default {
      components: {
        onlineHomeIndex
      },
        name: "personalPicture",
      data() {
        return {
          active: '个人画像',
        };
      },
    }
</script>

<style scoped>

</style>