<view class="container">
|
<view class="itemList">
|
<view class="label">头像</view>
|
<view class="contentImg">
|
<t-image src="{{userInfo.icon}}" mode="aspectFill" />
|
</view>
|
<view class="iconEdit" data-info="{{'icon'}}" bindtap="editIconInfo">
|
<t-icon name="chevron-right" size="40rpx" color="#C2C2C2" />
|
</view>
|
</view>
|
<view class="itemList">
|
<view class="label">用户名</view>
|
<view class="content" data-info="{{'nickName'}}" bindtap="editUserInfo"
|
>{{userInfo.nickName || '微信用户'}}</view
|
>
|
<t-icon name="chevron-right" size="40rpx" color="#C2C2C2" />
|
</view>
|
<view class="itemList">
|
<view class="label">手机号码</view>
|
<view class="content" data-info="{{'phone'}}" bindtap="editUserInfo"
|
>{{userInfo.phoneNumber || '未绑定手机号'}}</view
|
>
|
<t-icon
|
name="chevron-right"
|
size="40rpx"
|
color="#C2C2C2"
|
data-info="{{'phone'}}"
|
bindtap="editUserInfo"
|
/>
|
</view>
|
<view class="itemList">
|
<view class="label">邮箱</view>
|
<view class="content" data-info="{{'email'}}" bindtap="editUserInfo"
|
>{{userInfo.Email}}</view
|
>
|
<t-icon
|
name="chevron-right"
|
size="40rpx"
|
color="#C2C2C2"
|
data-info="{{'email'}}"
|
bindtap="editUserInfo"
|
/>
|
</view>
|
<!-- <t-popup visible="{{userInfoBox}}" bind:visible-change="onVisibleChange" placement="center">
|
<view class="block">
|
<view class="body">
|
<view class="from-item" wx:if="{{editType == 'nickName'}}">
|
<view class="label"> 昵称： </view>
|
<view class="item-content">
|
<view class="inputBox1">
|
<t-input placeholder="输入昵称" borderless value="{{userInfoForm.nickName}}" bindchange="onNameInput" />
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'phone'}}">
|
<view class="label"> 手机号： </view>
|
<view class="item-content">
|
<view class="inputBox1">
|
<t-input placeholder="输入手机号码" borderless value="{{userInfoForm.phone}}" type="number" tips="{{phoneError ? '手机号输入不正确' : ''}}" bindchange="onPhoneInput" />
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'email'}}">
|
<view class=" label"> 邮箱： </view>
|
<view class="item-content">
|
<view class="inputBox1">
|
<t-input placeholder="输入邮箱" borderless value="{{userInfoForm.email}}" tips="{{emailError ? '邮箱输入不正确' : ''}}" bindchange="onEmailInput" />
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType !== 'nickName'}}">
|
<view class="label"> 图形验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input placeholder="输入图形验证码" borderless value="{{userInfoForm.captcha}}" type="number" bindchange="onCaptchaInput" />
|
</view>
|
<view class="code">
|
<image src="{{imgCode}}" class="imgCode hover" bindtap="getImgCapcha" />
|
</view>
|
</view>
|
|
</view>
|
<view class="from-item" wx:if="{{editType == 'phone'}}">
|
<view class="label"> 短信验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input placeholder="输入短信验证码" borderless value="{{userInfoForm.code}}" type="number" bindchange="onCodeInput" />
|
</view>
|
<view class="code">
|
<button class="btn" bindtap="getPhoneCode">{{countDown > 0 ? '验证码(' + countDown + 's)' : '获取短信验证码'}}</button>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'email'}}">
|
<view class="label"> 邮箱验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input placeholder="输入邮箱验证码" borderless value="{{userInfoForm.code}}" type="number" bindchange="onCodeInput" />
|
</view>
|
<view class="code">
|
<button class="btn" bindtap="getEmailCode">获取邮箱验证码</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="footer">
|
<button class="submit" bindtap="confirmInfo">确定</button>
|
</view>
|
<t-icon t-class="close-btn" name="close-circle" size="32" color="#fff" bind:tap="onCloseProtocol" />
|
</view>
|
</t-popup> -->
|
</view>
|
<view
|
class="popup-box"
|
wx:if="{{userInfoBox}}"
|
bindtap="onCloseProtocol"
|
></view>
|
<view class="info-center" style="top:{{height*0.3}}px;" wx:if="{{userInfoBox}}">
|
<view>
|
<view class="row-info">
|
<view class="body">
|
<view class="from-item" wx:if="{{editType == 'nickName'}}">
|
<view class="label"> 昵称： </view>
|
<view class="item-content">
|
<view class="inputBox1">
|
<t-input
|
placeholder="输入昵称"
|
borderless
|
value="{{userInfoForm.nickName}}"
|
bindchange="onNameInput"
|
/>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'phone'}}">
|
<view class="label"> 手机号： </view>
|
<view class="item-content">
|
<view class="outsideInputBox1">
|
<view class="inputBox1">
|
<t-input
|
placeholder="输入手机号码"
|
borderless
|
value="{{userInfoForm.phone}}"
|
type="number"
|
bindchange="onPhoneInput"
|
/>
|
</view>
|
<view wx:if="{{phoneError}}" style="font-size: 24rpx; color: red"
|
>手机号输入不正确</view
|
>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'email'}}">
|
<view class="label"> 邮箱： </view>
|
<view class="item-content">
|
<view class="outsideInputBox1">
|
<view class="inputBox1">
|
<t-input
|
placeholder="输入邮箱"
|
borderless
|
value="{{userInfoForm.email}}"
|
bindchange="onEmailInput"
|
/>
|
</view>
|
<view wx:if="{{emailError}}" style="font-size: 24rpx; color: red"
|
>邮箱输入不正确</view
|
>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType !== 'nickName'}}">
|
<view class="label"> 图形验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input
|
placeholder="输入图形验证码"
|
borderless
|
value="{{userInfoForm.captcha}}"
|
type="number"
|
bindchange="onCaptchaInput"
|
/>
|
</view>
|
<view class="code">
|
<image
|
src="{{imgCode}}"
|
class="imgCode hover"
|
bindtap="getImgCapcha"
|
/>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'phone'}}">
|
<view class="label"> 短信验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input
|
placeholder="输入短信验证码"
|
borderless
|
value="{{userInfoForm.code}}"
|
type="number"
|
bindchange="onCodeInput"
|
/>
|
</view>
|
<view class="code">
|
<button
|
disabled="{{countDown > 0}}"
|
class="{{countDown > 0 ? ' disabled' : 'btn'}}"
|
bindtap="getPhoneCode"
|
>
|
{{countDown > 0 ? '验证码(' + countDown + 's)' :
|
'获取短信验证码'}}
|
</button>
|
</view>
|
</view>
|
</view>
|
<view class="from-item" wx:if="{{editType == 'email'}}">
|
<view class="label"> 邮箱验证码： </view>
|
<view class="item-content">
|
<view class="inputBox">
|
<t-input
|
placeholder="输入邮箱验证码"
|
borderless
|
value="{{userInfoForm.code}}"
|
type="number"
|
bindchange="onCodeInput"
|
/>
|
</view>
|
<view class="code">
|
<button
|
disabled="{{mailCountDown > 0}}"
|
class="{{mailCountDown > 0 ? ' disabled' : 'btn'}}"
|
bindtap="getEmailCode"
|
>
|
{{mailCountDown > 0 ? '验证码(' + mailCountDown + 's)' :
|
'获取邮箱验证码'}}
|
</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="row-btn">
|
<view class="left-btn" bindtap="onCloseProtocol">取消</view>
|
<view class="right-btn" bindtap="confirmInfo">确认</view>
|
</view>
|
</view>
|
</view>
|
