113 lines
3.8 KiB
Vue
113 lines
3.8 KiB
Vue
|
<template>
|
||
|
|
<view class="page flex-col">
|
||
|
|
<view class="box_1 flex-row">
|
||
|
|
<image
|
||
|
|
class="image_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG5472ef46deab947fe098747eb1b07bd2.png"
|
||
|
|
/>
|
||
|
|
<view class="box_2 flex-col"></view>
|
||
|
|
<view class="box_3 flex-col"></view>
|
||
|
|
<image
|
||
|
|
class="image_2"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNGb239db97c719ec7467ee7c9615d3d24a.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
<view class="box_4 flex-col">
|
||
|
|
<view class="box_5 flex-row">
|
||
|
|
<image
|
||
|
|
class="label_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNGacf527a62cbe7351c6472edd8f5b2814.png"
|
||
|
|
/>
|
||
|
|
<text class="text_1">个人信息</text>
|
||
|
|
<view class="block_1 flex-col">
|
||
|
|
<view class="image-wrapper_1 flex-row">
|
||
|
|
<image
|
||
|
|
class="thumbnail_1"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNGdc9929c2b5fd86c1689cc5990a0b4397.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
<view class="group_1 flex-row justify-between">
|
||
|
|
<view class="section_1 flex-col"></view>
|
||
|
|
<view class="section_2 flex-col"></view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="box_6 flex-col">
|
||
|
|
<view class="box_7 flex-row justify-between">
|
||
|
|
<text class="text_2">头像</text>
|
||
|
|
<image
|
||
|
|
class="label_2"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/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 8888 6666</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="box_8 flex-col">
|
||
|
|
<view class="text-wrapper_3 flex-row">
|
||
|
|
<text class="text_7">身份证照片</text>
|
||
|
|
</view>
|
||
|
|
<view class="group_2 flex-row justify-between">
|
||
|
|
<view class="image-wrapper_2 flex-col">
|
||
|
|
<image
|
||
|
|
class="image_3"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG613ddce187a71bcc667c56c84cd2d022.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
<view class="image-wrapper_3 flex-col">
|
||
|
|
<image
|
||
|
|
class="image_4"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNGc70887b65324cf1c7b3d66fcb7a32970.png"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="box_9 flex-col">
|
||
|
|
<text class="text_8">生活照片</text>
|
||
|
|
<view class="block_2 flex-row">
|
||
|
|
<view class="image-text_1 flex-col justify-between">
|
||
|
|
<image
|
||
|
|
class="label_3"
|
||
|
|
referrerpolicy="no-referrer"
|
||
|
|
src="/static/lanhu_gerenxinxiweitianxie/FigmaDDSSlicePNG6ea89e46a56641bc7e118ef1d4d789d5.png"
|
||
|
|
/>
|
||
|
|
<text class="text-group_1">添加图片</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="box_10 flex-col">
|
||
|
|
<view class="text-wrapper_4 flex-col">
|
||
|
|
<text class="text_9">保存</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
constants: {}
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang='scss'>
|
||
|
|
@import '../common/common.scss';
|
||
|
|
@import './assets/style/index.rpx.scss';
|
||
|
|
</style>
|