challengeFamily/pages/home/login.wxml

<view class='login-box' wx:if="{{flag==true}}">
  <image src='https://img.bbztx.com/miniProgram/challengeFamily/loginLogo.png'></image>
  <!-- 授权登录 -->
  <block wx:if="{{authorization}}">
    <view class='list-block'>
      <block>
        <button wx:if="{{firstLogin}}" bindtap='getUserProfile' class='button button-radius' disabled="{{clickTimes}}">手机号授权登录</button>
        <button wx:else bindgetphonenumber='registerLogin' disabled="{{phoneNum}}" open-type="getPhoneNumber" class='button button-radius' disabled="{{clickTimes}}">手机号授权登录</button>
      </block>
      <view class="btnBottom" bindtap='toggleLogin'>手机号密码登录</view>
    </view>
  </block>
  <block wx:else>
    <view class='list-block'>
      <view class='item-content'>
        <input type='Number' class="loginInput" maxlength="11" bindinput="phoneNumInput" placeholder='请输入你的手机号'></input>
      </view>
      <view class='item-content'>
        <input type='text' focus='{{passwordFocus}}' class="loginInput" password="true" bindinput="passwordInput" placeholder='请输入密码'></input>
      </view>
      <view style="overflow: hidden;">
        <text style="float: right;font-size: 24rpx;" bindtap='navigatorURl'>忘记密码？</text>
      </view>
      <button bindtap='accountLogin' class='button button-radius' disabled="{{clickTimes}}">登录</button>
      <block>
        <view wx:if="{{firstLogin}}" class="btnBottom" bindtap='getUserProfile'>手机号授权登录</view>
        <view wx:else class="btnBottom" bindtap='registerLogin'>手机号授权登录</view>
      </block>
    </view>
  </block>
</view>
<caseCoupon show="{{!show}}" invitePrice="{{invitePrice}}" vouchers="{{vouchers}}" bind:close="back"></caseCoupon>
<!-- 第一次授权登录 -->
<view wx:if="{{flag==false}}" data-weui-theme="{{theme}}" class="div">
  <view class="name">
    <view class="nc">手机号:</view>
    <input style="width: 300rpx;" value='{{phoneNum}}' disabled placeholder="请获取你的手机号" />
    <button bindgetphonenumber='getPhoneNumber' disabled="{{phoneNum}}" open-type="getPhoneNumber" class="getPhoneNumber">获取手机号</button>
  </view>
  <view class="name">
    <view class="nc">头像上传:</view>
    <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <image class="avatar" src="{{avatarUrl}}" wx:if="{{avatarUrl}}"></image>
      <view wx:else>+</view>
    </button>
  </view>
  <view title="昵称" class="name">
    <view class="nc">昵称:</view>
    <input type="nickname" bindinput="username" placeholder="请输入你的昵称" />
  </view>
  <view class="name">
    <view class="nc">密码设置:</view>
    <input password bindinput="pwSetting" placeholder="请输入你的密码" />
  </view>
  <!-- <view class="name">
    <view class="nc">密码确认:</view>
    <input password bindinput="pwConfirmation" placeholder="请重新输入密码" />
  </view> -->
  <!-- <button bindgetphonenumber='getPhoneNumber' open-type="getPhoneNumber" class='sure'>注册</button> -->
  <button bindtap="signIn" class='sure'>注册</button>
</view>
<!-- 弹窗 -->
<noticePopup show="{{registeredShow}}">
  <view class="popupContent">
    <view class="contentText">
      <view class="progressText">当前手机号已存在账号，可直接进行登录</view>
      <view class="button button-warn button-radius  btnSize" bindtap="getUserProfile"> 立即登录</view>
    </view>
  </view>
</noticePopup>