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 @@