style:样式调整

src/modules/internet/components/CardQuery.vue

@@ -122,6 +122,6 @@ const handleSubmit = () => {
   font-weight: 400;
   line-height: 18px;
   color: #333333;
-  padding-bottom: 16px;
+  padding-bottom: 1px;
 }
 </style>

src/modules/internet/components/ManagerLogin.vue

@@ -101,6 +101,7 @@ const handleTimeChange = () => {
     <el-form-item>
       <div class="btn_query" @click="handleLogin">登录</div>
     </el-form-item>
+    <div class="home_box_tips">请输入手机号、验证码或密码登录管理系统。</div>
   </el-form>
 </template>
 
@@ -152,4 +153,11 @@ const handleTimeChange = () => {
 :deep(.el-input-group--append > .el-input__wrapper) {
   height: 40px;
 }
+.home_box_tips {
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 18px;
+  color: #333333;
+  text-align: center;
+}
 </style>

src/modules/internet/components/StudyLogin.vue

@@ -159,6 +159,5 @@ const handleTimeChange = () => {
   line-height: 18px;
   color: #333333;
   text-align: center;
-  padding-bottom: 16px;
 }
 </style>

src/modules/internet/views/Index.vue

@@ -44,44 +44,33 @@ function handleTabChange(index: number) {
 
 <style lang="scss">
 .home {
-  height: calc(100vh - 110px);
-  width: 100%;
+  min-height: calc(100vh - 110px);
   background: url(https://webapp-pub.oss-cn-beijing.aliyuncs.com/project_online/fdc/%20fdc_bg.png) no-repeat;
   background-size: 100% 100%;
-  position: relative;
   display: flex;
   justify-content: center;
   align-items: center;
   .home_box {
+    margin: auto;
     display: flex;
-    justify-content: space-around;
     align-items: center;
     flex-direction: column;
-    width: 472px;
-    height: 496px;
+    height: 410px;
     background: #ffffff;
-    opacity: 1;
     border-radius: 20px;
-    box-sizing: border-box;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
 
     .home_box_tab {
+      margin: 0 20px;
       display: flex;
       justify-content: space-around;
-      width: 410px;
-      height: 40px;
       background: rgba(255, 255, 255, 0.39);
       border: 1px solid #e5e5e5;
-      opacity: 1;
       border-radius: 22px;
-      margin-top: 53px;
+      margin-top: 33px;
       cursor: pointer;
 
       .tab_item_name {
-        width: 136px;
+        width: 110px;
         height: 40px;
         opacity: 1;
         border-radius: 22px;
@@ -100,7 +89,7 @@ function handleTabChange(index: number) {
       }
     }
     .form {
-      padding-top: 49px;
+      margin-top: 19px;
     }
 
     .home_box_line {
@@ -114,7 +103,6 @@ function handleTabChange(index: number) {
       line-height: 1.5;
       color: #bababa;
       text-align: center;
-      padding-bottom: 21px;
       margin-top: 15px;
     }
   }