From 86baa8ff948d2e79588e0dd7efa16f6b8ac3b157 Mon Sep 17 00:00:00 2001
From: liukangdong <898885815@qq.com>
Date: 星期五, 06 十二月 2024 15:29:15 +0800
Subject: [PATCH] ll
---
h5/pages/staffLogin/login.vue | 54 ++++++++++++++++++++++++++++++++----------------------
1 files changed, 32 insertions(+), 22 deletions(-)
diff --git a/h5/pages/staffLogin/login.vue b/h5/pages/staffLogin/login.vue
index 572006f..13adeca 100644
--- a/h5/pages/staffLogin/login.vue
+++ b/h5/pages/staffLogin/login.vue
@@ -1,20 +1,20 @@
<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_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" maxlength="18" @focus="showKeyboard = true" @blur="showKeyboard = false" placeholder="璐﹀彿" />
</view>
<view class="login_list_item">
<image src="@/static/login_ic_password@2x.png" mode="widthFix" />
- <input v-model="form.password" type="password" placeholder="瀵嗙爜" />
+ <input v-model="form.password" @focus="showKeyboard = true" @blur="showKeyboard = false" type="password" placeholder="瀵嗙爜" />
</view>
<view class="login_list_item">
<image src="@/static/ic_captcha.png" mode="widthFix"></image>
- <input v-model="form.code" placeholder="楠岃瘉鐮�" type="text" />
+ <input v-model="form.code" @focus="showKeyboard = true" @blur="showKeyboard = false" placeholder="楠岃瘉鐮�" type="text" />
<image
@click="initCaptcha"
:src="captcha.image"
@@ -30,7 +30,7 @@
>
</view>
- <view class="deal_wrap">
+ <view class="deal_wrap" v-show="!showKeyboard">
<image
@click="changeFalg"
v-if="ProtocolFlag"
@@ -56,7 +56,8 @@
mode="center"
>
<view class="modal">
- <view v-html="htmlText"></view>
+ <!-- <view v-html="htmlText"></view> -->
+ <mp-html :content="htmlText" />
</view>
</u-popup>
</view>
@@ -71,9 +72,12 @@
data() {
return {
form: {
- account: '',
+ // username: '18056814089',
+ username: '',
password: '',
+ code: ''
},
+ showKeyboard: false,
isShowProtocol: false,
ProtocolFlag: false,
captcha: {},
@@ -84,7 +88,12 @@
onLoad() {
this.initCaptcha()
},
-
+ onBackPress(options) {
+ uni.redirectTo({
+ url: '/pages/login/login'
+ })
+ return true
+ },
methods: {
...mapMutations(["setToken", "setUserInfo"]),
changeFalg() {
@@ -122,14 +131,14 @@
title: '瀵嗙爜涓嶈兘涓虹┖',
icon: 'none'
})
- // if (!form.code) return uni.showToast({
- // title: '楠岃瘉鐮佷笉鑳戒负绌�',
- // icon: 'none'
- // })
+ if (!form.code) return uni.showToast({
+ title: '楠岃瘉鐮佷笉鑳戒负绌�',
+ icon: 'none'
+ })
loginPost({
...form,
uuid: this.captcha.uuid,
- openId: this.$store.state.openId
+ openid: this.$store.state.openId
}).then(res => {
if (res.code === 200) {
this.setToken(res.data)
@@ -149,9 +158,8 @@
<style lang="scss" scoped>
.login {
width: 100%;
- height: 100vh;
display: flex;
- padding-top: 160rpx;
+ padding-top: 130rpx;
box-sizing: border-box;
align-items: center;
flex-direction: column;
@@ -165,9 +173,11 @@
height: 180rpx;
}
.login_bg {
- position: absolute;
- top: 0;
- width: 750rpx;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ z-index: -1;
}
.login_title {
font-size: 44rpx;
@@ -218,7 +228,6 @@
margin-top: 60rpx;
.for_psd {
color: $uni-color-primary;
- margin-top: 40rpx;
width: 140rpx;
text-align: center;
margin: 40rpx auto;
@@ -238,11 +247,11 @@
}
}
.deal_wrap {
- position: absolute;
+ position: fixed;
width: 100%;
left: 0;
text-align: center;
- bottom: 108rpx;
+ bottom: 48rpx;
display: flex;
justify-content: center;
align-items: center;
@@ -257,9 +266,10 @@
}
.modal {
width: 690rpx;
- min-height: 920rpx;
+ min-height: 820rpx;
max-height: 720px;
border-radius: 24rpx;
padding: 32rpx;
+ overflow: auto;
}
</style>
--
Gitblit v1.9.3