ll

liukangdong

2024-12-06 86baa8ff948d2e79588e0dd7efa16f6b8ac3b157

 h5/pages/driver/login.vue

@@ -1,18 +1,19 @@
<template>
  <view class="login">
    <image class="login_bg" src="@/static/login_bg@2x.png" />
    <image class="login_bg" src="@/static/login_bg@2x.png" mode="widthFix" />
    <image class="login_logo" src="@/static/logo@2x.png" mode="widthFix" />
    <view class="login_title">安泰物流智慧园区</view>
    <view class="login_title">物流车司机登录</view>
    <view class="login_list">
      <view class="login_list_item">
        <image src="@/static/login_ic_phone@2x.png" mode="widthFix" />
        <input v-model="form.username" maxlength="18" placeholder="手机号" />
        <input v-model="form.username"  @focus="showKeyboard = true" @blur="showKeyboard = false" maxlength="18" placeholder="手机号" />
      </view>
      <view class="login_list_item">
        <image src="@/static/login_ic_password@2x.png" mode="widthFix" />
        <input
          v-model="form.password"
               @focus="showKeyboard = true" @blur="showKeyboard = false"
          type="password"
          placeholder="密码"
        />
@@ -22,7 +23,7 @@
      <view class="login_btn_n" @click="onLogin">立即登录</view>
    </view>
    <!--  -->
      <view class="btns">
      <view class="btns" v-if="!showKeyboard">
         <view class="btn" @click="handleRegister">立即注册</view>
         <view class="btn separate"> | </view>
         <view class="btn" @click="handleSetPsd">忘记密码</view>
@@ -37,10 +38,11 @@
  data() {
    return {
      form: {
            username: '18056814089',
            password: '123456'
            username: '',
            password: ''
      },
      isShowProtocol: false,
         showKeyboard: false,
      countDown: 0
    }
  },
@@ -82,6 +84,7 @@
      driverLogin({
        ...form,
            uuid: this.captcha.uuid,
            openid: this.$store.state.openId,
            code: '1'
      }).then(res => {
        if (res.code === 200) {
@@ -121,9 +124,11 @@
      margin-bottom: 40rpx;
  }
  .login_bg {
    position: absolute;
    top: 0;
    width: 750rpx;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     z-index: -1;
  }
  .login_title {
    font-size: 44rpx;