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 |