<template>
  <view class="page flex-col">
    <view class="block_1 flex-row">
      <image
        class="image_1"
        referrerpolicy="no-referrer"
        src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
      />
      <view class="section_1 flex-col"></view>
      <view class="section_2 flex-col"></view>
      <image
        class="image_2"
        referrerpolicy="no-referrer"
        src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
      />
    </view>
    <view class="block_2 flex-col">
      <view class="group_1 flex-row">
        <image
          class="label_1"
          referrerpolicy="no-referrer"
          src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
        />
        <text class="text_1">个人信息</text>
        <view class="box_1 flex-col">
          <view class="image-wrapper_1 flex-row">
            <image
              class="thumbnail_1"
              referrerpolicy="no-referrer"
              src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
            />
          </view>
          <view class="block_3 flex-row justify-between">
            <view class="group_2 flex-col"></view>
            <view class="group_3 flex-col"></view>
          </view>
        </view>
      </view>
      <view class="group_4 flex-col">
        <view class="block_4 flex-row justify-between">
          <text class="text_2">头像</text>
          <image
            class="label_2"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNGcc6ee579083c2c921f6c93c250df5d44.png"
          />
        </view>
        <view class="text-wrapper_1 flex-row justify-between">
          <text class="text_3">昵称</text>
          <text class="text_4">千舟寻渡</text>
        </view>
        <view class="text-wrapper_2 flex-row justify-between">
          <text class="text_5">联系方式</text>
          <text class="text_6">166&nbsp;8888&nbsp;6666</text>
        </view>
      </view>
      <view class="group_5 flex-col">
        <view class="text-wrapper_3 flex-row">
          <text class="text_7">身份证照片</text>
        </view>
        <view class="image-wrapper_2 flex-row justify-between">
          <image
            class="image_3"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNGf4315b7a8c2a646d315744186cd274fd.png"
          />
          <image
            class="image_4"
            referrerpolicy="no-referrer"
            src="/static/lanhu_gerenxinxi/FigmaDDSSlicePNG9cc25f833e523a66521975aa9828e644.png"
          />
        </view>
      </view>
      <view class="group_6 flex-col">
        <text class="text_8">生活照片</text>
        <view class="list_1 flex-row">
          <view
            class="list-items_1 flex-col"
            :style="{ background: item.lanhuBg0 }"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <view class="image-wrapper_3 flex-col">
              <image
                class="thumbnail_2"
                referrerpolicy="no-referrer"
                :src="item.lanhuimage0"
              />
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class="block_5 flex-col">
      <view class="text-wrapper_4 flex-col">
        <text class="text_9">保存</text>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhuBg0:
            'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6c58eb8af40eb273da0485e6cc1d93d1.png) 100% no-repeat',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
        },
        {
          lanhuBg0:
            'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNGb51240b007489f1975779de452af0c84.png) 100% no-repeat',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
        },
        {
          lanhuBg0:
            'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG6096ca91210c53f26481649ad200964b.png) 100% no-repeat',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
        },
        {
          lanhuBg0:
            'url(https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG31e719001bca1c0de203d1dbe975991e.png) 100% no-repeat',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/FigmaDDSSlicePNG5d1a336033ae66a9d731e3524093ecf5.png'
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='scss'>
@import '../common/common.scss';
@import './assets/style/index.rpx.scss';
</style>
