From 75252c6ad38784d0d753344dba37057e852df189 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期日, 08 十月 2023 00:06:25 +0800
Subject: [PATCH] #
---
pages/LoginDemo/LoginDemo.vue | 28 ++++++++++++++--------------
1 files changed, 14 insertions(+), 14 deletions(-)
diff --git a/pages/LoginDemo/LoginDemo.vue b/pages/LoginDemo/LoginDemo.vue
index 829f950..7058a42 100644
--- a/pages/LoginDemo/LoginDemo.vue
+++ b/pages/LoginDemo/LoginDemo.vue
@@ -63,12 +63,12 @@
<style lang="scss" scoped>
.setting {
position: absolute;
- top: 16rpx;
- right: 16rpx;
- border-radius: 40rpx;
- box-shadow: inset 4rpx 4rpx 4rpx rgba(0,0,0,.3),
- inset -4rpx -4rpx 4rpx rgba(255,255,255,.7),
- -4rpx -4rpx 4rpx rgba(0,0,0,.4);
+ top: 8px;
+ right: 8px;
+ border-radius: 10px;
+ box-shadow: inset 2px 2px 2px rgba(0,0,0,.3),
+ inset -2px -2px 2px rgba(255,255,255,.7),
+ -2px -2px 2px rgba(0,0,0,.4);
}
.main {
height: 100%;
@@ -84,7 +84,7 @@
}
.logo-box {
background-color: #ECF0F1;
- border-radius: 40rpx;
+ border-radius: 15px;
box-shadow: inset 8px 8px 8px rgba(0,0,0,.3),
inset -8px -8px 8px rgba(255,255,255,.7),
-8px -8px 10px rgba(0,0,0,.4);
@@ -103,7 +103,7 @@
}
.my-input {
width: 80%;
- margin: 32rpx 10% 32rpx 10%;
+ margin: 16px 10% 16px 10%;
}
.rember-password {
width: 78%;
@@ -119,16 +119,16 @@
.button {
width: 40%;
margin: 0 auto;
- height: 100rpx;
+ height: 50px;
text-align: center;
- line-height: 100rpx;
+ line-height: 50px;
font-size: 20px;
background-color: #409EFF;
color: #ECF0F1;
- border-radius: 14rpx;
- box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3),
- inset -8rpx -8rpx 8rpx rgba(255,255,255,.4),
- -8rpx -8rpx 10rpx rgba(0,0,0,.4);
+ border-radius: 7px;
+ box-shadow: inset 4px 4px 4px rgba(0,0,0,.3),
+ inset -4px -4px 4px rgba(255,255,255,.4),
+ -4px -4px 5px rgba(0,0,0,.4);
}
@media screen and (orientation: portrait) {
/* 绔栧睆 */
--
Gitblit v1.9.1