Guoguo
c065d3fdce
getPhoneNumber requires verified enterprise miniprogram account. Allow users to skip phone auth and complete registration without it.
52 行
2.0 KiB
Plaintext
52 行
2.0 KiB
Plaintext
<view class="page">
|
|
<view class="page-header page-header-pink" style="padding-top: {{statusBarHeight + 24}}px;">
|
|
<view class="page-header-title">光子美容仪</view>
|
|
<view class="page-header-subtitle">完善个人资料</view>
|
|
</view>
|
|
|
|
<view class="page-content">
|
|
<view class="section-title">设置头像</view>
|
|
<view class="avatar-area">
|
|
<button class="avatar-btn" open-type="chooseAvatar" bindchooseavatar="onChooseAvatar">
|
|
<image class="avatar-img" src="{{avatarUrl}}" mode="aspectFill"></image>
|
|
<view class="avatar-edit-hint">点击更换</view>
|
|
</button>
|
|
</view>
|
|
|
|
<view class="section-title">设置昵称</view>
|
|
<view class="input-wrap">
|
|
<input type="nickname" class="weui-input nickname-input" value="{{nickname}}" bindinput="onNicknameInput" bindblur="onNicknameBlur" placeholder="请输入昵称" />
|
|
</view>
|
|
|
|
<view class="section-title">授权手机号</view>
|
|
<view class="phone-area">
|
|
<block wx:if="{{phone}}">
|
|
<view class="phone-done">
|
|
<text class="phone-icon">✓</text>
|
|
<text class="phone-text">{{phone}}</text>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{phoneSkipped}}">
|
|
<view class="phone-done phone-skipped">
|
|
<text class="phone-text">已跳过，可稍后在设置中授权</text>
|
|
</view>
|
|
</block>
|
|
<block wx:else>
|
|
<button class="phone-btn" open-type="getPhoneNumber" bindgetphonenumber="onGetPhoneNumber" disabled="{{loading}}">
|
|
授权手机号
|
|
</button>
|
|
<view class="phone-actions">
|
|
<view class="phone-hint">手机号用于接收服务通知</view>
|
|
<view class="phone-skip" bindtap="onSkipPhone">跳过</view>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
|
|
<button class="submit-btn" bindtap="onSubmit" loading="{{loading}}" disabled="{{loading}}">
|
|
完成注册
|
|
</button>
|
|
|
|
<view class="agreement" bindtap="onAgreement">注册即表示同意《用户协议》和《隐私政策》</view>
|
|
</view>
|
|
</view>
|