From d4e817ceff3d8e757f0ea276f22db7ac70398cd9 Mon Sep 17 00:00:00 2001 From: fuxiaochun Date: Mon, 14 Aug 2023 17:29:49 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=99=BB=E5=BD=95=E6=B3=A8?= =?UTF-8?q?=E5=86=8C=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 2 +- src/components/auth/Login.vue | 55 +- src/components/auth/Register.vue | 35 +- src/components/auth/index.vue | 28 +- src/layouts/Footer.vue | 22 +- src/layouts/Header.vue | 69 +- src/views/home/index.vue | 7 +- yarn.lock | 1493 ++++++++++++++++++------------ 8 files changed, 1013 insertions(+), 698 deletions(-) diff --git a/package.json b/package.json index 72c240c..493dc58 100644 --- a/package.json +++ b/package.json @@ -40,7 +40,7 @@ "unplugin-vue-components": "^0.25.1", "vite": "^4.3.9", "vite-plugin-svg-icons": "^2.0.1", - "vite-plugin-windicss": "^1.9.1", + "vite-plugin-windicss": "^1.9.0", "windicss": "^3.5.6" } } diff --git a/src/components/auth/Login.vue b/src/components/auth/Login.vue index 396b98f..c4f7c0b 100644 --- a/src/components/auth/Login.vue +++ b/src/components/auth/Login.vue @@ -230,43 +230,43 @@ const getUserInfo = () => { .loginBox { position: relative; line-height: 1; - padding: 0 .6rem .6rem .6rem; + padding: 0 60px 60px 60px; .banner { text-align: center; h2 { - font-size: .3rem; - margin-bottom: .1rem; + font-size: 30px; + margin-bottom: 10px; } p { line-height: 1.5; - font-size: .23rem; + font-size: 23px; color: #999; } } .tabBox { - height: .5rem; + height: 50px; width: 100%; - padding: .3rem 0; + padding: 30px 0; box-sizing: content-box; display: flex; justify-content: space-between; align-items: center; li { - width: 1.75rem; - height: .48rem; - border: .01rem solid #414548; + width: 175px; + height: 48px; + border: 1px solid #414548; opacity: 0.4; - border-radius: .02rem; + border-radius: 2px; display: flex; justify-content: center; align-items: center; cursor: pointer; - font-size: .23rem; + font-size: 23px; &:hover, &.active { @@ -289,12 +289,12 @@ const getUserInfo = () => { i { display: inline-block; - margin-right: .1rem; + margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; - width: .3rem; - height: .3rem; + width: 30px; + height: 30px; &.icon-code { background-image: url('../../assets/images/icon_msg.png'); @@ -313,11 +313,11 @@ const getUserInfo = () => { .formBox { .item { - margin-top: 0.15rem; + margin-top: 15px; .label { - line-height: .66rem; - font-size: .28rem; + line-height: 66px; + font-size: 28px; } .val { @@ -327,14 +327,18 @@ const getUserInfo = () => { .txt, .stxt, .pwdInput { - border: .01rem solid rgba($color: #414548, $alpha: 0.4); - border-radius: .02rem; + border: 1px solid rgba($color: #414548, $alpha: 0.4); + border-radius: 2px; background: none; color: #FFF; + height: 66px; + padding: 0 10px; :deep(input) { background: none; color: #FFF; + line-height: 66px; + font-size: 23px; &::placeholder { color: #999; @@ -346,14 +350,15 @@ const getUserInfo = () => { } .sbtn { - width: 4rem; - margin-left: .1rem; - font-size: .23rem; + width: 400px; + margin-left: 10px; + font-size: 23px; + height: 66px; &:disabled{ opacity: 1; color: #FFF; - border: .02rem solid #FFF; + border: 2px solid #FFF; background: none; } } @@ -361,10 +366,12 @@ const getUserInfo = () => { } .submitBtn { - margin-top: 1rem; + margin-top: 65px; button { width: 100%; + height: 66px; + font-size: 23px; } } } diff --git a/src/components/auth/Register.vue b/src/components/auth/Register.vue index 463796f..be5dbeb 100644 --- a/src/components/auth/Register.vue +++ b/src/components/auth/Register.vue @@ -134,30 +134,30 @@ const onRegister = () => { .registerBox { position: relative; line-height: 1; - padding: 0 .6rem .6rem .6rem; + padding: 0 60px 60px 60px; .banner { text-align: center; h2 { - font-size: .3rem; - margin-bottom: .1rem; + font-size: 30px; + margin-bottom: 10px; } p { line-height: 1.5; - font-size: .23rem; + font-size: 23px; color: #999; } } .formBox { .item { - margin-top: 0.28rem; + margin-top: 15px; .label { - line-height: .5rem; - font-size: .28rem; + line-height: 66px; + font-size: 28px; } .val { @@ -167,12 +167,16 @@ const onRegister = () => { .txt, .stxt, .pwdInput { - border: .01rem solid rgba($color: #414548, $alpha: 0.4); - border-radius: .02rem; + border: 1px solid rgba($color: #414548, $alpha: 0.4); + border-radius: 2px; background: none; color: #FFF; + height: 66px; + padding: 0 10px; :deep(input) { + font-size: 23px; + line-height: 66px; background: none; color: #FFF; @@ -186,14 +190,15 @@ const onRegister = () => { } .sbtn { - width: 4rem; - margin-left: .1rem; - font-size: .23rem; + width: 400px; + margin-left: 10px; + font-size: 23px; + height: 66px; &:disabled{ opacity: 1; color: #FFF; - border: .02rem solid #FFF; + border: 2px solid #FFF; background: none; } } @@ -201,10 +206,12 @@ const onRegister = () => { } .submitBtn { - margin-top: .7rem; + margin-top: 65px; button { width: 100%; + height: 66px; + font-size: 23px; } } } diff --git a/src/components/auth/index.vue b/src/components/auth/index.vue index d717446..0ede87f 100644 --- a/src/components/auth/index.vue +++ b/src/components/auth/index.vue @@ -1,5 +1,5 @@