Commit ec329e6a9401114e1a619bff8fccfb3d60c3b334

Authored by fengtao
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
... ...