miniProgram/pages/empower/empower.wxml

<!--index.wxml-->
<scroll-view class="scrollarea" scroll-y type="list">
	<view wx:if="{{isLoading}}" class="loading-container">
	  <text class="loading-text">正在进行后台授权...</text>  
	</view>
  <view class="container">
    <view class="userinfo">
      <block wx:if="{{canIUseNicknameComp && !hasUserInfo && !phoneNumber}}">
        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
          <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
        </button>
        <view class="nickname-wrapper">
          <text class="nickname-label">昵称</text>
          <input type="nickname" class="nickname-input" placeholder="请输入昵称" bind:change="onInputChange" />
		</view>
		
		<view class="nickname-wrapper">
		  <text class="nickname-label">手机号</text>
			<button open-type="getPhoneNumber" class="custom-input-button" bindgetphonenumber="onGetPhoneNumber">获取手机号</button>
		</view>
		
      </block>
      <block wx:elif="{{!hasUserInfo && !phoneNumber}}">
        <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button>
		<button wx:elif="{{canIUseGetUserProfile}}" open-type="getPhoneNumber" class="custom-input-button" bindgetphonenumber="onGetPhoneNumber">获取手机号</button>
        <view wx:else> 请使用2.10.4及以上版本基础库 </view>
      </block>
      <block wx:else>
		  <view  class="avatar-wrapper" wx:if="{{userInfo.avatarUrl && !userInfo.avatarUrl !== defaultAvatarUrlD}}">
			  <image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
		  </view>
		  <view wx:else>
		  		<button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
		  		  <image class="avatar" src="{{userInfo.avatarUrl}}"></image>
		  		</button>
		  </view>
        <view wx:if="{{userInfo.nickName}}">
			<view class="nickname-wrapper">
			  <text class="nickname-label">昵称</text>
			  <text class="nickname-input">{{userInfo.nickName}}</text>
			</view>
		</view>
		<view wx:else>
			<view class="nickname-wrapper">
			  <text class="nickname-label">昵称</text>
			  <input type="nickname" class="nickname-input" placeholder="请输入昵称" bind:change="onInputChange" />
			</view>
		</view>
		<view wx:if="{{phoneNumber}}">
			<view class="phonenumber-wrapper">
			  <text class="nickname-label">手机号</text>
			  <text class="custom-input-button">{{phoneNumber}}</text>
			</view>
		</view>
		<view wx:else>
			<view class="phonenumber-wrapper">
			  <text class="nickname-label">手机号</text>
				<button open-type="getPhoneNumber" class="custom-input-button" bindgetphonenumber="onGetPhoneNumber">获取手机号</button>
			</view>
		</view>
      </block>
	  <button open-type="getUserInfo" bindgetuserinfo="handleUserInfo" class="auth-button" disabled="{{disableButtom}}">
	    <text>授权</text>  
	  </button>
    </view>
    <view class="usermotto">
      <text class="user-motto">{{motto}}</text>
    </view>
  </view>
</scroll-view>