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