From 75252c6ad38784d0d753344dba37057e852df189 Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期日, 08 十月 2023 00:06:25 +0800 Subject: [PATCH] # --- components/My-input/My-input.vue | 11 ++++++----- pages.json | 12 ++++++------ pages/LoginDemo/LoginDemo.vue | 28 ++++++++++++++-------------- 3 files changed, 26 insertions(+), 25 deletions(-) diff --git a/components/My-input/My-input.vue b/components/My-input/My-input.vue index 36dbcab..515f8c1 100644 --- a/components/My-input/My-input.vue +++ b/components/My-input/My-input.vue @@ -50,14 +50,15 @@ <style lang="scss"> .my-input { width: 100%; - height: 3rem; + height: 45px; display: flex; + color: #606164; align-items: center; background-color: #ECF0F1; - border-radius: 14rpx; - box-shadow: inset 8rpx 8rpx 8rpx rgba(0,0,0,.3), - inset -8rpx -8rpx 8rpx rgba(255,255,255,.7), - -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,.7), + -4px -4px 5px rgba(0,0,0,.4); } .title-icon { margin: 0 8px 0 8px; diff --git a/pages.json b/pages.json index bfdde9b..ed91521 100644 --- a/pages.json +++ b/pages.json @@ -1,18 +1,18 @@ { "pages": [ //pages鏁扮粍涓涓�椤硅〃绀哄簲鐢ㄥ惎鍔ㄩ〉锛屽弬鑰冿細https://uniapp.dcloud.io/collocation/pages { - "path": "pages/component/demo", - "style": { - "navigationBarTitleText": "娴嬭瘯" - } - }, - { "path": "pages/LoginDemo/LoginDemo", "style": { "navigationBarTitleText": "鐧诲綍" } }, { + "path": "pages/component/demo", + "style": { + "navigationBarTitleText": "娴嬭瘯" + } + }, + { "path": "pages/common/data-list/dataDetail", "style": { "navigationBarTitleText": "鏄庣粏" 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