jiaojing/miniprogram/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <image class="title" src="../../images/title8.png"></image>
  <view class="content">
    <view class="hd" style="transform:rotateZ({{angle}}deg);">
      <image class="logo" wx:if="{{userInfo.avatarUrl}}" src="{{userInfo.avatarUrl}}"></image>
      <image class="wave" src="../../images/wave.png" mode="aspectFill"></image>
      <image class="wave wave-bg" src="../../images/wave.png" mode="aspectFill"></image>
    </view>
    <view class="bd">
      <image class="smalltitle" src="../../images/confirm-word1.png"></image>
      <view style="padding-top: 200rpx;box-sizing: border-box;">
        <input wx:if="{{userInfo.avatarUrl && !userInfo.phone}}" bindchange="phoneNum" class="wxInput" maxlength="11"
          type="number" placeholder="请输入关联手机号" />
        <button class="confirm-btn" bindtap='goSign' wx:if="{{userInfo.avatarUrl}}">
          <text>确认</text>
        </button>
        <button class="confirm-btn" open-type="getUserInfo" bindgetuserinfo="bindgetuserinfo" wx:else>点击授权</button>
      </view>
    </view>
  </view>
</view>