ll

liukangdong

2025-01-23 904436a616ca08fc95e1cbbbd13059835ef37e72

 h5/pages/driver/login.vue

@@ -5,8 +5,14 @@
      <view class="login_title">安泰物流智慧园区</view>

      <view class="login_title">物流车司机登录</view>
      <view class="tabs">
         <view class="tab" @click="tabsClick(0)" :class="{active: activeTab == 0  }"><view>账号登录</view><view class="bor"></view></view>
         <view class="tab" @click="tabsClick(1)" :class="{active: activeTab == 1  }"><view>验证码登录</view><view class="bor"></view></view>
         <view class="tab" @click="tabsClick(0)" :class="{active: activeTab == 0  }">

            <view>账号登录</view>

            <view class="bor"></view>

         </view>

         <view class="tab" @click="tabsClick(1)" :class="{active: activeTab == 1  }">

            <view>验证码登录</view>

            <view class="bor"></view>

         </view>

      </view>

      <view class="login_list">

         <template v-if="activeTab == 0">
@@ -29,15 +35,8 @@
            </view>
            <view class="login_list_item">
              <image src="@/static/ic_captcha.png" mode="widthFix"></image>
              <input
                v-model="form.code"
                placeholder="请输入验证码"
                  :maxlength="6"
                type="number"
              />
              <text class="captcha" v-if="countDown == 0" @click="initCaptcha"
                >获取验证码</text
              >
               <input v-model="form.code" placeholder="请输入验证码" :maxlength="6" type="number" />

               <text class="captcha" v-if="countDown == 0" @click="initCaptcha">获取验证码</text>

              <text class="placeholder9" v-else>{{ countDown }}</text>
            </view>
         </template>

@@ -93,7 +92,8 @@
      methods: {
         onLogin() {
            const {
               form,activeTab
               form,

               activeTab

            } = this
            if(activeTab == 0){
               if (!form.username) return uni.showToast({
@@ -172,12 +172,16 @@
              title: '手机号不能为空',
              icon: 'none'
            })
            sendSms({ phone: this.form.phone }).then(res => {
            sendSms({

               phone: this.form.phone

            }).then(res => {

               if (res.code === 200) {

              this.countDown = 60
              setInterval(() => {
                if (this.countDown == 0) return
                this.countDown--
              }, 1000)
               }

            })

         },

      }

@@ -215,12 +219,14 @@
         font-weight: 600;

         color: #333333;

      }



      .tabs{
         display: flex;
         align-items: center;
         justify-content: space-evenly;
         width: 530rpx;
         margin: 48rpx auto 0rpx;


         .tab{
            font-size: 30rpx;
            color: #666666;
@@ -230,10 +236,12 @@
            height: 52rpx;   
            line-height: 36rpx;
         }


         .active{
            font-weight: bold;
            font-size: 34rpx;
            color: #222222;


            .bor{
               width: 80rpx;
               height: 8rpx;
@@ -241,6 +249,7 @@
            }
         }
      }



      .login_list {

         margin-top: 36rpx;

         width: 100%;