xuxy
2024-06-27 36f5a552738ff64d35e5508a1db8c2249b9187b0
pages/login/farmer-login.vue
@@ -1,6 +1,8 @@
<template>
   <view class="main-container login-container img100" style="margin-top: 0rpx;">
   <view class="main-container login-container img100 relative" style="margin-top: 0rpx;">
      <!-- background-image:url('@/static/images/farmer/login/bg.png') -->
      <image class="component-bg" src="/static/images/farmer/login/bg.png" mode="scaleToFill" />
      <view class="t-login top-bg">
         <view class="nav-title">登录</view>
         <view class="login">
@@ -26,7 +28,7 @@
               <view class="t-a input" v-if="loginType=='code'">
                  <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" />
                  <input type="text" name="userName" placeholder="请输入手机验证码" v-model="smsCode" />
               </view>
               <button @tap="login()" class="bottom-button">登 录</button>
@@ -34,7 +36,7 @@
               <view class="flex">
                  <view class="topic-font" v-if="loginType=='pwd'" @click="loginType='code'">手机验证码登录</view>
                  <view class="topic-font" v-if="loginType=='code'" @click="loginType='pwd'">账号密码登录</view>
                  <view class="topic-font m-l-a m-r-0" @click="toReg">前往注册</view>
               </view>
            </form>
@@ -54,10 +56,10 @@
            password: '123456',
            // userName: '',
            // password: '',
            phoneNumber: '',
            smsCode:'',
            smsCode: '',
            checked: false,
            loginType: 'pwd', //pwd和code,密码和验证码登录
            pcfvalue: undefined,
@@ -260,10 +262,11 @@
   .t-login .t-a {
      position: relative;
      .get-code{
      .get-code {
         position: absolute;
         right: 40rpx;
         top: 20rpx;
         top: 25rpx;
      }
   }