前面一篇博客下了校园二手物品交易小程序系统是首页逻辑和布局实现,这篇博客来聊聊个人界面的实现和处理,先看看个人界面的布局和逻辑处理
下面是个人界面的布局wxml
<view>
<view class="common-bg avatar-box">
<image src="{
{avatarUrl}}" class="userinfo-avatar" />
<view bindtap="changeAvatar">
<text class="txt">修改头像</text>
<text class="iconfont icon-jiantouarrow487"></text>
</view>
</view>
<form bindsubmit="formSubmit">
<view class="user-info common-bg">
<view>
<text>昵称:</text>
<input bindinput="changeInfo" maxlength="10" value="{
{detailInfo.nickName}}" data-type="nickName" type="text" />
</view>
<view bindtap="chooseGender">
<text>性别:</text>
<text class="gender_txt">{
{detailInfo.gender}}</text>
</view>
<view>
<text>个性签名:</text>
<input bindinput="changeInfo" maxlength="20" value="{
{detailInfo.autograph}}" data-type="autograph" type="text" />
</view>
<view>
<text>宿舍区:</text>
<input bindinput="changeInfo" maxlength="5" value