From 4c99a6d9eab85b06ce3947ecf3da3af54307d05e Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: Wed, 21 Aug 2024 16:05:00 +0800
Subject: [PATCH] 提交
---
pages/index/index.vue | 36 ++++++++++++++----------------------
1 files changed, 14 insertions(+), 22 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 492ff3b..99b3d8f 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -13,22 +13,21 @@
<view>
<u-form :model="form" ref="uForm" class="form" >
<u-form-item style="width: 80%;"><u-input v-model="form.username" :class="{'isFocused': userFocused}" placeholder="请输入用户名" @focus="focusUser"/></u-form-item>
- <u-form-item style="margin-top: 10px;width: 80%;" ><u-input v-model="form.password" :class="{'isFocused': codeFocused}" :type="codeType" placeholder="请输入密码" @focus="focusCode">
- <template slot="suffix">
- <u-icon v-show="codeType == 'password'" name="eye" color="#999" size="20" @click="viewCode"></u-icon>
- <u-icon v-show="codeType == 'text'" name="eye-off" color="#999" size="20" @click="viewCode"></u-icon>
- </template>
- </u-input></u-form-item>
- <!-- <view class="loginPsw">
- <u-checkbox-group >
- <u-checkbox disabled="true"></u-checkbox><text style="color: #fff;">自动登录</text>
- </u-checkbox-group>
- <text style="color: lightblue;">忘记密码</text>
- </view> -->
+ <u-form-item style="margin-top: 10px;width: 80%;" >
+ <u-input v-show="isPwd" v-model="form.password" :class="{'isFocused': codeFocused}" :password="true" placeholder="请输入密码" @focus="focusCode">
+ <template slot="suffix">
+ <u-icon name="eye" color="#999" size="20" @click="isPwd = false"></u-icon>
+ </template>
+ </u-input>
+ <u-input v-show="!isPwd" v-model="form.password" :class="{'isFocused': codeFocused}" :password="false" placeholder="请输入密码" @focus="focusCode">
+ <template slot="suffix">
+ <u-icon name="eye-off" color="#999" size="20" @click="isPwd = true"></u-icon>
+ </template>
+ </u-input>
+ </u-form-item>
<u-form-item style="margin-top: 10px;width: 80%;">
<u-button class="loginBtn" :loading="isLogining" style="width: 100%;height: 56px;border-radius: 28px" @click="Login" type="primary">登录</u-button>
</u-form-item>
- <!-- <view style="color: white;margin-top: 150px;">技术支持：技术保障部</view>-->
</u-form>
</view>
</view>
@@ -56,7 +55,7 @@
code: '',
uuid: ''
},
- codeType: 'password',
+ isPwd: true,
type: '',
//极光推送
connectStatus: '未连接',
@@ -195,13 +194,6 @@
focusCode(){
this.codeFocused = true
this.userFocused = false
- },
- viewCode(){
- if(this.codeType == 'password'){
- this.codeType = 'text'
- } else{
- this.codeType = 'password'
- }
}
}
}
@@ -239,7 +231,7 @@
transform: translate(-50%, -50%)
}
50% {
- transform: translate(-50%, calc(-50% + 12rpx))
+ transform: translate(-50%, calc(-50% + 15rpx))
}
}
--
Gitblit v1.9.2