wutian-miniprogram/src/module1/pages/login/index.wxml

<view
  class="page"
  style="background: url({{imageUrl}}login-bg.png?r={{Timestamp}}) no-repeat top center/100% 300rpx;padding-top:{{menuButtonInfo.bottom}}px;"
>
  <!-- <view class="page-line" style="top:{{menuButtonInfo.bottom+94}}px"></view> -->
  <view class="container">
    <image class="title" src="{{imageUrl}}login-title.png?t={{Timestamp}}"></image>
    <view class="form">
      <view class="tel">
        <input
          model:value="{{mobile}}"
          class="input"
          placeholder-class="place-input"
          type="number"
          placeholder="请输入手机号"
        />
      </view>
      <view class="code">
        <input
          class="input"
          placeholder-class="place-input"
          model:value="{{code}}"
          type="number"
          placeholder="请输入验证码"
        />
        <view class="btn" bind:tap="getCode">{{codeText}}</view>
      </view>
      <view class="submit" bind:tap="handleSubmit">立即加入</view>
    </view>
    <view class="or">
      <van-divider contentPosition="center" custom-style="color:rgba(153, 153, 153, 1);font-size:28rpx;">
        或者
      </van-divider>
    </view>
    <button wx:if="{{protool}}" class="tel-btn" open-type="getPhoneNumber" bindgetphonenumber="handleWxSubmit">
      <image class="icon" src="{{imageUrl}}icon-tel.png?t={{Timestamp}}"></image>
      手机号快捷登录
    </button>
    <button wx:else class="tel-btn" bind:tap="handleNavProtool">
      <image class="icon" src="{{imageUrl}}icon-tel.png?t={{Timestamp}}"></image>
      手机号快捷登录
    </button>
    <view class="protool">
      <radio class="radio" color="#00B4C5" checked="{{protool}}" bind:tap="handleProtool"></radio>
      我已阅读并同意
      <text class="link" bind:tap="handleNavProtool">《用户隐私协议》</text>
    </view>
  </view>
</view>