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 | 472 | }); |
473 | 473 | </script> |
474 | 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 | 519 | @prefix-cls: ~'@{namespace}-basic-tree'; |
490 | 520 | ... | ... |