livestream-miniapp/miniprogram/components/profilePatch/profilePatch.wxml

<!--component/profilePatch.wxml-->

<view wx:if="{{ifShow}}" class="pa-layer-container">
  <view class="auth-bg" bindtap="quitHandle" disable-scroll="true">
  </view>
  <view class="pa-layer {{showPhone ?'hasPhone' :''}}" style="bottom: {{bottom}}">
    <view class="title">还差一步，更新微信信息即可参与活动 </view>
    <view class="content">
      <!-- <cover-image src="/static/images/img_empower_logo@2x.png"></cover-image> -->
      <view class="col" wx:if="{{showPhone}}">
        <text class="label">手机号</text>
        <button class="avatar-wrapper" open-type="getPhoneNumber" bindgetphonenumber="handleGetPhoneNumber" wx:if="{{phoneNumber.length ===0}}">
          <text class="update-text">绑定手机</text>
        </button>
        <text class="ipname" wx:else> {{phoneNumber}}</text>
      </view>
      <view class="col">
        <text class="label">头像</text>
        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
          <image class="avatar-select" src="{{avatar || defaultAvatarUrl}}"></image>
        </button>
        <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
          <text class="update-text">点击更新</text>
        </button>
      </view>

      <view class="col">
        <text class="label">昵称</text>
        <input type="nickname" placeholder="请输入昵称" maxlength="15" value="{{nickname}}" class="ipname" bindinput="updateNickName"></input>
      </view>

    </view>
    <button wx:if="{{showPhone}}" disabled="{{phoneNumber.length=== 0|| avatar.length === 0 || nickname.length === 0}}" class="button {{(phoneNumber.length> 0 && avatar.length> 0 && nickname.length> 0 ) ? 'enable':'disable'}}" bindtap="updateUserInfo">更新微信息 </button>
    <button  disabled="{{avatar.length === 0 || nickname.length === 0}}"  wx:else class="button {{(avatar.length> 0 && nickname.length> 0 ) ? 'enable':'disable'}}" bindtap="updateUserInfo">更新微信息 </button>
  </view>
</view>