hn_museum_game/miniProgram/components/authorize/index.wxml

<!--components/authorize/index.wxml-->
<view class="authcon">
  <view class="authbody">
    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <view class="avatar-wrapperTxt">
        点击上传头像
      </view>
      <image mode="aspectFit" class="avatar" src="{{avatarUrl}}"></image>
    </button>
    <input type="nickname" bindinput="bindKeyInput" value="{{inputNickName}}" maxlength="20" placeholder="请输入昵称" class="nameinput" />
    <input type="phone" bindinput="bindKeyPhone" value="{{inputPhone}}" maxlength="11" placeholder="请输入手机号" class="nameinput" />

    <view class="btn-area">
      <image bindtap="onCancel" src="{{CDN_URL}}images/btn_cancel.png" mode="widthFix" />
      <image bindtap="onComfirm" src="{{CDN_URL}}images/btn_concert.png" mode="widthFix" />
    </view>
  </view>
</view>