Commit ec329e6a9401114e1a619bff8fccfb3d60c3b334
1 parent
7073e089
fix:DEFECT-580 不同分辨率(1920 1280 1024 800)下箭头样式问题
Showing
1 changed file
with
42 additions
and
12 deletions
@@ -472,19 +472,49 @@ | @@ -472,19 +472,49 @@ | ||
472 | }); | 472 | }); |
473 | </script> | 473 | </script> |
474 | <style lang="less"> | 474 | <style lang="less"> |
475 | - .fold-left { | ||
476 | - z-index: 1; | ||
477 | - cursor: pointer; | ||
478 | - position: absolute; | ||
479 | - top: 0.85rem; | ||
480 | - left: 1.1vw; | 475 | + // 使用媒体查询兼容 1920 1280 1024 800 |
476 | + @media screen and (max-width: 1980px) { | ||
477 | + .fold-left { | ||
478 | + z-index: 1; | ||
479 | + cursor: pointer; | ||
480 | + position: absolute; | ||
481 | + top: 0.85rem; | ||
482 | + left: 1.1vw; | ||
483 | + } | ||
484 | + .fold-right { | ||
485 | + z-index: 1; | ||
486 | + cursor: pointer; | ||
487 | + position: absolute; | ||
488 | + top: 0.85rem; | ||
489 | + left: 18.2vw; | ||
490 | + } | ||
491 | + } | ||
492 | + @media screen and (max-width: 1280px) { | ||
493 | + .fold-right { | ||
494 | + z-index: 1; | ||
495 | + cursor: pointer; | ||
496 | + position: absolute; | ||
497 | + top: 0.85rem; | ||
498 | + left: 17.5vw; | ||
499 | + } | ||
500 | + } | ||
501 | + @media screen and (max-width: 1024px) { | ||
502 | + .fold-right { | ||
503 | + z-index: 1; | ||
504 | + cursor: pointer; | ||
505 | + position: absolute; | ||
506 | + top: 0.85rem; | ||
507 | + left: 14.2vw; | ||
508 | + } | ||
481 | } | 509 | } |
482 | - .fold-right { | ||
483 | - z-index: 1; | ||
484 | - cursor: pointer; | ||
485 | - position: absolute; | ||
486 | - top: 0.85rem; | ||
487 | - left: 18.2vw; | 510 | + @media screen and (max-width: 800px) { |
511 | + .fold-right { | ||
512 | + z-index: 1; | ||
513 | + cursor: pointer; | ||
514 | + position: absolute; | ||
515 | + top: 0.85rem; | ||
516 | + left: 18vw; | ||
517 | + } | ||
488 | } | 518 | } |
489 | @prefix-cls: ~'@{namespace}-basic-tree'; | 519 | @prefix-cls: ~'@{namespace}-basic-tree'; |
490 | 520 |