Commit 3c9fe9f6cf9c56f535fe444423c660a649d9bb2d
1 parent
da4060bd
首页优化
Signed-off-by: TanYibin <5491541@qq.com>
Showing
1 changed file
with
7 additions
and
5 deletions
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; |