Commit 3c9fe9f6cf9c56f535fe444423c660a649d9bb2d

Authored by 谭毅彬
1 parent da4060bd

首页优化

Signed-off-by: TanYibin <5491541@qq.com>
ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue
@@ -343,7 +343,7 @@ export default { @@ -343,7 +343,7 @@ export default {
343 background-color: #fafafa; 343 background-color: #fafafa;
344 border-radius: 0.5vw; /* 设置圆角半径 */ 344 border-radius: 0.5vw; /* 设置圆角半径 */
345 width: 80%; 345 width: 80%;
346 - height: 60%; /* 使 div 占满父容器高度 */ 346 + height: 31vw; /* 使 div 占满父容器高度 */
347 display: flex; /* 使用 flexbox 进行子元素布局 */ 347 display: flex; /* 使用 flexbox 进行子元素布局 */
348 flex-direction: column; /* 垂直排列子元素 */ 348 flex-direction: column; /* 垂直排列子元素 */
349 justify-content: center; /* 垂直居中子元素 */ 349 justify-content: center; /* 垂直居中子元素 */
@@ -364,7 +364,7 @@ export default { @@ -364,7 +364,7 @@ export default {
364 justify-content: center; /* 水平居中 */ 364 justify-content: center; /* 水平居中 */
365 align-items: center; /* 垂直居中 */ 365 align-items: center; /* 垂直居中 */
366 .imge { 366 .imge {
367 - height: 85%; 367 + height: 33vw;
368 background-size: contain; 368 background-size: contain;
369 background-repeat: no-repeat; 369 background-repeat: no-repeat;
370 position: relative; 370 position: relative;
@@ -380,12 +380,13 @@ export default { @@ -380,12 +380,13 @@ export default {
380 padding: 1vw; /* 添加内边距 */ 380 padding: 1vw; /* 添加内边距 */
381 } 381 }
382 #logoImg { 382 #logoImg {
  383 + z-index: 100;
383 width: 10vw; 384 width: 10vw;
384 - height: 100%; 385 + height: 4.75vw;
385 line-height: 4.5vw; 386 line-height: 4.5vw;
386 margin-left: 2vw; 387 margin-left: 2vw;
387 margin-right: 0.5vw; 388 margin-right: 0.5vw;
388 - font-size: 0vw; 389 + font-size: 1.1vw;
389 float: right; 390 float: right;
390 position: relative; 391 position: relative;
391 .imge { 392 .imge {
@@ -395,7 +396,8 @@ export default { @@ -395,7 +396,8 @@ export default {
395 } 396 }
396 } 397 }
397 #text { 398 #text {
398 - height: 100%; 399 + z-index: 100;
  400 + height: 4.5vw;
399 line-height: 4.5vw; 401 line-height: 4.5vw;
400 width: 100%; 402 width: 100%;
401 font-size: 1.1vw; 403 font-size: 1.1vw;