figure.wxml 5.1 KB

1
  1. <view class="container data-v-17b62462"><image-cropper vue-id="00c2538a-1" src="{{tempFilePath}}" data-event-opts="{{[['^confirm',[['confirm']]],['^cancel',[['cancel']]]]}}" bind:confirm="__e" bind:cancel="__e" class="data-v-17b62462" bind:__l="__l"></image-cropper><top-bar vue-id="00c2538a-2" class="data-v-17b62462" bind:__l="__l"></top-bar><uni-popup vue-id="00c2538a-3" type="bottom" is-mask-click="{{false}}" data-ref="popup" class="data-v-17b62462 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="popup data-v-17b62462" bindtouchmove="__e"><view class="p-title-box flex-between data-v-17b62462"><view class="p-title font36 fw600 data-v-17b62462">上传头像</view><image class="p-close data-v-17b62462" src="{{assetsUrl+'info-figure-close.png'}}" mode="aspectFill" data-event-opts="{{[['tap',[['hideHeadPopup',['$event']]]]]}}" bindtap="__e"></image></view><view class="p-title-tip font28 fw400 data-v-17b62462">上传清晰本人照片更容易交到好友哦</view><view class="p-img-box flex-between data-v-17b62462"><view class="p-img data-v-17b62462"><image class="img data-v-17b62462" src="{{assetsUrl+'info-figure-img1.png'}}" mode="aspectFill"></image><view class="p-text font22 fw400 data-v-17b62462">五官清晰</view></view><view class="p-img data-v-17b62462"><image class="img data-v-17b62462" src="{{assetsUrl+'info-figure-img2.png'}}" mode="aspectFill"></image><view class="p-text font22 fw400 data-v-17b62462">半身照</view></view><view class="p-img data-v-17b62462"><image class="img data-v-17b62462" src="{{assetsUrl+'info-figure-img3.png'}}" mode="aspectFill"></image><view class="p-text font22 fw400 data-v-17b62462">风景和人</view></view></view><view style="height:60rpx;" class="data-v-17b62462"></view></view></uni-popup><view class="line-bar flex-between data-v-17b62462"><view class="span active data-v-17b62462"></view><view class="span active data-v-17b62462"></view><view class="span data-v-17b62462"></view><view class="span data-v-17b62462"></view><view class="span data-v-17b62462"></view></view><view class="title font44 fw600 data-v-17b62462">设置你的社交形象</view><view class="tip font28 fw400 data-v-17b62462">展示你的真实一面,给大家留一个好印象</view><view data-event-opts="{{[['tap',[['showHeadPopup',['$event']]]]]}}" class="head-info data-v-17b62462" bindtap="__e"><view class="head-box flex-center data-v-17b62462"><block wx:if="{{cropFilePath===''}}"><view class="head-inner flex-center data-v-17b62462"><image class="add data-v-17b62462" src="{{assetsUrl+'info-figure-add.png'}}" mode="aspectFill"></image></view></block><block wx:else><image src="{{cropFilePath}}" mode="aspectFit" class="data-v-17b62462"></image></block></view><image class="camera data-v-17b62462" src="{{assetsUrl+'info-figure-camera.png'}}" mode="aspectFill"></image></view><view class="label-box flex-between data-v-17b62462"><view class="left font28 fw400 data-v-17b62462">昵称</view><view data-event-opts="{{[['tap',[['randNick',['$event']]]]]}}" class="right flex-center data-v-17b62462" bindtap="__e"><view class="rand-btn flex-center data-v-17b62462"><image class="rand data-v-17b62462" src="{{assetsUrl+'info-figure-tou.png'}}" mode="aspectFill"></image><view class="rand-text font20 fw400 data-v-17b62462">随机昵称</view></view></view></view><view class="input-box flex-between data-v-17b62462"><input class="input fw500 font32 data-v-17b62462" type="text" maxlength="10" placeholder="请输入你的昵称" placeholder-style="color:#494667;font-size:28rpx;" data-event-opts="{{[['input',[['__set_model',['','nickname','$event',[]]]]]]}}" value="{{nickname}}" bindinput="__e"/><view class="input-num font22 fw400 data-v-17b62462">{{''+nickname.length+'/10'}}</view></view><view class="label-box flex-between data-v-17b62462"><view class="left font28 fw400 data-v-17b62462">个人简介</view><view class="right flex-center data-v-17b62462"><view class="input-num font22 fw400 data-v-17b62462">{{''+introduce.length+'/200'}}</view></view></view><view class="textarea-box flex-between data-v-17b62462"><textarea class="textarea fw500 font32 data-v-17b62462" maxlength="200" placeholder="可以填写个人介绍、人生经历、交友期望等" placeholder-style="color:#494667;font-size:28rpx;" data-event-opts="{{[['input',[['__set_model',['','introduce','$event',[]]]]]]}}" value="{{introduce}}" bindinput="__e"></textarea></view><view class="label-box flex-between data-v-17b62462"><view class="left font28 fw400 data-v-17b62462">邀请码<label class="font22 _span data-v-17b62462">(可不填)</label></view></view><view class="input-box flex-between data-v-17b62462"><input class="input fw500 font32 data-v-17b62462" type="text" maxlength="6" placeholder="请输入你的邀请码" placeholder-style="color:#494667;font-size:28rpx;" data-event-opts="{{[['input',[['__set_model',['','code','$event',[]]]]]]}}" value="{{code}}" bindinput="__e"/></view><view style="height:200rpx;" class="data-v-17b62462"></view><view data-event-opts="{{[['tap',[['sure',['$event']]]]]}}" class="btn font32 fw600 data-v-17b62462" bindtap="__e">{{''+btnText+''}}</view></view>