Commit f236798e9dfd0f84a9095d3566aec0e000fb4e20
1 parent
76629525
火狐,safari兼容
Signed-off-by: TanYibin <5491541@qq.com>
Showing
1 changed file
with
9 additions
and
1 deletions
ant-design-vue-jeecg/src/components/layouts/UserLayoutLogin.vue
@@ -295,6 +295,7 @@ export default { | @@ -295,6 +295,7 @@ export default { | ||
295 | </script> | 295 | </script> |
296 | 296 | ||
297 | <style lang="less" scoped> | 297 | <style lang="less" scoped> |
298 | + | ||
298 | #userLayout { | 299 | #userLayout { |
299 | height: 100%; | 300 | height: 100%; |
300 | display: flex; /* 设置flex布局 */ | 301 | display: flex; /* 设置flex布局 */ |
@@ -307,6 +308,7 @@ export default { | @@ -307,6 +308,7 @@ export default { | ||
307 | margin-left: 0.5vw; | 308 | margin-left: 0.5vw; |
308 | line-height: 2vw; | 309 | line-height: 2vw; |
309 | } | 310 | } |
311 | + | ||
310 | /deep/ .ant-form { | 312 | /deep/ .ant-form { |
311 | width: 100%; | 313 | width: 100%; |
312 | } | 314 | } |
@@ -318,11 +320,13 @@ export default { | @@ -318,11 +320,13 @@ export default { | ||
318 | 320 | ||
319 | .left-div { | 321 | .left-div { |
320 | flex: 0 0 68%; /* 左侧div宽度为容器的70% */ | 322 | flex: 0 0 68%; /* 左侧div宽度为容器的70% */ |
323 | + width: 68%; | ||
321 | } | 324 | } |
322 | 325 | ||
323 | .right-div { | 326 | .right-div { |
324 | display: flex; | 327 | display: flex; |
325 | flex: 0 0 32%; | 328 | flex: 0 0 32%; |
329 | + width: 32%; | ||
326 | background-color: #fafafa; | 330 | background-color: #fafafa; |
327 | display: flex; /* 使用 flex 布局 */ | 331 | display: flex; /* 使用 flex 布局 */ |
328 | flex-direction: column; /* 垂直排列子元素 */ | 332 | flex-direction: column; /* 垂直排列子元素 */ |
@@ -363,9 +367,11 @@ export default { | @@ -363,9 +367,11 @@ export default { | ||
363 | } | 367 | } |
364 | #logoImg { | 368 | #logoImg { |
365 | width: 10vw; | 369 | width: 10vw; |
370 | + height: 3vw; | ||
371 | + line-height: 3vw; | ||
366 | margin-left: 2vw; | 372 | margin-left: 2vw; |
367 | - line-height: 0vw; | ||
368 | margin-right: 0.5vw; | 373 | margin-right: 0.5vw; |
374 | + font-size: 0vw; | ||
369 | // height: 100%; | 375 | // height: 100%; |
370 | float: right; | 376 | float: right; |
371 | position: relative; | 377 | position: relative; |
@@ -387,6 +393,8 @@ export default { | @@ -387,6 +393,8 @@ export default { | ||
387 | } | 393 | } |
388 | #text { | 394 | #text { |
389 | // height: 69%; | 395 | // height: 69%; |
396 | + height: 3vw; | ||
397 | + line-height: 3vw; | ||
390 | width: 100%; | 398 | width: 100%; |
391 | font-size: 1.1vw; | 399 | font-size: 1.1vw; |
392 | margin-bottom: 0vw; | 400 | margin-bottom: 0vw; |