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