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; |
... | ... |