登录页样式优化

Signed-off-by: TanYibin <5491541@qq.com>

登录页样式优化
Signed-off-by: TanYibin <5491541@qq.com>
谭毅彬
1 parent f75312de
Showing 1 changed file with 13 additions and 10 deletions
ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue
@@ -347,7 +347,7 @@ export default {
   height: 100%; /* 使 div 占满父容器高度 */
 }
 #logo {
-  height: 10%;
+  height: 8%;
   width: 100%;
   //background-color: red;
   //margin-left: 150px;
@@ -357,7 +357,7 @@ export default {
   // margin-top: 0;
 }
 #backgroundImg {
-  height: 80%;
+  height: 82%;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -378,17 +378,20 @@ export default {
   padding: 10px; /* 添加内边距 */
 }
 #logoImg {
-  width: 22%;
-  height: 100%;
+  width: 10vw;
+  margin-left: 2vw;
+  margin-right: 0.5vw;
+  // height: 100%;
   float: right;
   position: relative;
+  align-content: center;
   //background-color: yellow;
   .imge {
-    width: 83%;
-    height: 30%;
-    position: absolute;
+    width: 9.5vw;
+    height: 1.5vw;
+    // position: absolute;
     right: 5%; /* 水平居右 */
-    top: 20%; /* 从顶部偏移50% */
+    // top: 20%; /* 从顶部偏移50% */
     // transform: translateY(-50%); /* 向上移动自身高度的50%，实现垂直居中 */
     //object-fit: contain;
     //top: 39%;
@@ -398,9 +401,9 @@ export default {
   }
 }
 #text {
-  height: 69%;
+  // height: 69%;
   width: 100%;
-  font-size: 1.1vw;
+  font-size: 1.2vw;
   align-content: center;
   color: #333333;
   //margin-left: 5px;