From 292dbd67cc5b2fa90f78d9c07234fea7cbc32c24 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期一, 21 八月 2023 12:37:08 +0800
Subject: [PATCH] #
---
pages/LoginDemo/LoginDemo.vue | 19 +++++++++++++------
1 files changed, 13 insertions(+), 6 deletions(-)
diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue
index d01c25c..829f950 100644
--- a/pages/LoginDemo/LoginDemo.vue
+++ b/pages/LoginDemo/LoginDemo.vue
@@ -10,8 +10,8 @@
</view>
<view class="right">
<view class="input-box">
- <My-input style="width: 80%;margin: 32rpx 10% 32rpx 10%;" />
- <My-input style="width: 80%;margin: 32rpx 10% 8rpx 10%;" />
+ <My-input class="my-input" titleIcon="person" title="璐﹀彿" placeholder="璇疯緭鍏ヨ处鍙�" inputType="text" optIcon="bottom" />
+ <My-input class="my-input" titleIcon="locked" title="瀵嗙爜" placeholder="璇疯緭鍏ュ瘑鐮�" inputType="password" optIcon="eye" optIconShow/>
<view class="rember-password">
<view class="text">璁颁綇瀵嗙爜</view>
<switch :checked='remberPassword' color="#FFCC33" style="zoom:.5" @change="remberChange"/>
@@ -35,7 +35,7 @@
data() {
return {
version: '',
-
+ remberPassword: true
}
},
mounted() {
@@ -53,12 +53,14 @@
// #endif
},
methods: {
-
+ remberChange() {
+
+ }
}
}
</script>
-<style lang="scss">
+<style lang="scss" scoped>
.setting {
position: absolute;
top: 16rpx;
@@ -98,7 +100,10 @@
}
.input-box {
width: 100%;
- // background-color: #888;
+ }
+ .my-input {
+ width: 80%;
+ margin: 32rpx 10% 32rpx 10%;
}
.rember-password {
width: 78%;
@@ -106,6 +111,8 @@
display: flex;
justify-content: space-between;
.text {
+ font-size: 12px;
+ color: #606266;
line-height: 1;
}
}
--
Gitblit v1.9.1