wordPad-applet/miniprogram/pages/login/login.wxml

<view class="container">

  <!-- <view class="icon_layout">
    <image class="icon" src="https://mmbiz.qpic.cn/mmbiz_png/icTdbqWNOwNQ0ia79enzYJBsZ3CIkLQGe39qeOxbpT9oM9KaCthzBa0PF75xzBGjZQGlM69TDggxpNX7ACibCjjtw/0?wx_fmt=png&t=1614824466" />
  </view> -->

  <!-- 短信验证码/账号密码登录的两个按钮-->
  <view class="login_check">
    <view style="margin-left: 66rpx;" bindtap="clickPhoneNumLogin">
      <text wx:if="{{login_check_tab==0}}" class="login_check_true">短信验证码登录</text>
      <text wx:else class="login_check_false">短信验证码登录</text>
      <block wx:if="{{login_check_tab==0}}">
        <view style="width: 225rpx; background-color: #5090FE; height: 1rpx;"> </view>
      </block>
    </view>
    <view style="margin-right: 66rpx;" bindtap="clicAccountPasswordLogin">
      <text wx:if="{{login_check_tab==1}}" class="login_check_true">账号密码登录</text>
      <text wx:else class="login_check_false">账号密码登录</text>
      <block wx:if="{{login_check_tab==1}}">
        <view style="width: 192rpx; background-color: #5090FE; height: 1rpx;"> </view>
      </block>
    </view>
  </view>
  <!-- 短信验证码/账号密码登录的两个按钮 end-->

  <!-- 短信验证码登录框等 -->
  <view wx:if="{{login_check_tab==0}}" class="phonenumber_login_layout">
    <!--输入手机号的iput-->
    <view class="phonenum_login_layout_input_bg">
      <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_num_icon.png"></image>
      <input class="phonenum_login_layout_input" maxlength="11" type="number" placeholder="输入您的手机号" />
    </view>
    <!--输入手机号的iput end-->
    <!--输入验证码的iput-->
    <view class="phonenum_login_layout_input_bg" style="margin-top: 48rpx;">
      <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_vcode_icon.png"></image>
      <input class="phonenum_login_layout_input" maxlength="6" type="number" placeholder="输入验证码" />
      <text style="color: #6275FE; font-size: 30rpx; margin-right: 19rpx;" bindtap="clickGetVCode">获取验证码</text>
    </view>
    <!--输入验证码的iput end-->

  </view>
  <!-- 短信验证码登录框等  end-->
  <!--账号密码登录框-->
  <view wx:elif="{{login_check_tab==1}}" class="phonenumber_login_layout">
    <!--输入手机号的iput-->
    <view class="phonenum_login_layout_input_bg">
      <image class="phonenum_login_layout_input_icon" src="../../image/login/phone_num_icon.png"></image>
      <input class="phonenum_login_layout_input" maxlength="11" type="number" placeholder="输入您的手机号" />
    </view>
    <!--输入手机号的iput end-->
    <!-- 密码的input-->
    <view class="phonenum_login_layout_input_bg" style="margin-top: 48rpx;">
      <image class="phonenum_login_layout_input_icon" src="../../image/login/account_pwd_icon.png"></image>
      <input class="phonenum_login_layout_input" password="{{showAccPwd}}" maxlength="11" placeholder="输入密码" />
      <view class="account_show_pwd_icon_layout" bindtap="showAccountPwd">
        <image class="account_show_pwd_icon" style="margin-right: 22rpx;" src="../../image/login/account_show_pwd_icon.png"></image>
      </view>
    </view>
    <!-- 密码的input end-->
    <text style="color: #7F7F7F; margin-left: 500rpx; font-size: 30rpx;margin-top: 18rpx;" bindtap="showUpdatePwdLayout">忘记密码</text>
  </view>
  <!--账号密码登录框 end-->
  <!-- 按钮-->
  <view>
    <view class="login_btn_layout">
      <button class="login_btn" style="width: 100%;" bindtap="toTabIndex">登 录</button>
      <text wx:if="{{loginType==0}}" style="margin-top: 21rpx;" bindtap="toRegisterPage">注册</text>
    </view>
  </view>



  <!--修改密码框-->
  <updatePassword wx:if="{{showUpdatePassWordLayout}}" class="updatepwd_layout" bind:showUpdatePwdLayout="showUpdatePwdLayout"></updatePassword>
  <!--修改密码框 end-->



</view>