nsgk_wechat/pages/phoneLogin.wxml

<!--pages/phoneLogin.wxml-->
<import src="/templates/global/global"/>
<template is="toast" data="{{...toastData}}"></template>

<image src="/image/login/login_bg.png" style="width: 100%;position: absolute;z-index: -1;" mode="widthFix" bindtap='goLogin'></image>
<view class="container">    
    <view style="position: absolute;left:2.5%;top:{{isIPX?'57px':'32px'}};display: flex;align-items: center;" bindtap="back">
      <image src="/image/icon/cancel_icon2.png" style="width: 25px;height: 25px;"></image>
    </view>
    <view class="header" style="text-align: center;" >
        <view class="principal">账户密码登录</view>
        <image src="/image/login/login_icon.png" style="width: 60%;position: relative;left: 10%;" mode="widthFix"></image>
    </view>
    <view class="quick-login">

    <view class="filed_box">
      <van-field value="{{ formData.username }}" bind:change="onChange" placeholder="请输入账号" required data-value="formData.username" label-width="auto">
        <view slot="left-icon">
          <image src="/image/icon/input_name.png" style="width: 15px;vertical-align: middle;margin-right: 10px;" mode="widthFix"/>
        </view>
      </van-field>
    </view>
    <view class="filed_box">
      <van-field value="{{ formData.password }}" type="password" bind:change="onChange" placeholder="请输入密码" required data-value="formData.password" label-width="auto">
        <view slot="left-icon">
          <image src="/image/icon/input_password.png" style="width: 15px;vertical-align: middle;margin-right: 10px;" mode="widthFix"/>
        </view>
      </van-field>
    </view>
    <view style="display: flex;">
      <view class="filed_box" style="margin-bottom: 0;">
        <van-field value="{{ formData.code }}" bind:change="onChange" placeholder="请输入验证码" required data-value="formData.code" label-width="auto">
          <view slot="left-icon">
            <image src="/image/icon/input_yzm.png" style="width: 15px;vertical-align: middle;margin-right: 10px;" mode="widthFix"/>
          </view>
        </van-field>
      </view>
      <view style="flex: 1;border-radius: 50vh;overflow: hidden;margin-left: 15px;">
        <image src="{{codeUrl}}" style="width: 100%;transform: scale(1.3);position: relative;top: 6px;" mode="widthFix" bind:tap="getCode"/>
      </view>
    </view>

      <view class="bottom">
        <view class="btn2" bindtap="onSubmit">登录</view>
      </view>
    </view>
</view>