From 6466a7edc86dc195af0cd87251f7e9ca477c233f Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期一, 15 八月 2022 19:42:43 +0800 Subject: [PATCH] Default Changelist --- src/views/loginPage/loginPage.vue | 30 ++++++++++++++++++++++++------ 1 files changed, 24 insertions(+), 6 deletions(-) diff --git a/src/views/loginPage/loginPage.vue b/src/views/loginPage/loginPage.vue index b1a6932..fab7b59 100644 --- a/src/views/loginPage/loginPage.vue +++ b/src/views/loginPage/loginPage.vue @@ -78,6 +78,30 @@ </script> <style scoped lang="scss"> + @media screen and (min-width: 1200px){ + .loginContent{ + display: flex; + justify-content: space-around; + padding: 0 200px; + } + .loginContL { + font-size: 60px; + font-weight: bold; + margin-bottom: 100px; + } + } + @media screen and (min-width: 960px) and (max-width: 1200px){ + .loginContent{ + display: flex; + justify-content: space-between; + padding: 0 40px; + } + .loginContL { + font-size: 40px; + font-weight: bold; + margin-bottom: 80px; + } + } .login-container { width: 100%; height: 100%; @@ -113,18 +137,12 @@ } .loginContent { width: 100%; - padding: 0 200px; - display: flex; flex-wrap: wrap; align-items: center; - justify-content: space-around; margin-bottom: 60px; .loginContL { width: 100%; - font-size: 60px; - font-weight: bold; - margin-bottom: 100px; .apTitleT { color: #fff; -- Gitblit v1.9.2