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">
      <image mode="aspectFit" class="avatar" src="{{avatarUrl}}"></image>
    </button> 
    <input type="nickname" bindinput="bindKeyInput" value="{{inputNickName}}" maxlength="20" 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>