navigation.scss 914 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .swiper-button-prev,
  2. .swiper-button-next {
  3. position: absolute;
  4. top: 50%;
  5. // width: calc(80rpx / 44 * 27);
  6. height: 80rpx;
  7. margin-top: calc(0rpx - (80rpx / 2));
  8. z-index: 10;
  9. cursor: pointer;
  10. display: flex;
  11. align-items: center;
  12. justify-content: center;
  13. color: #007aff;
  14. font-size: 50rpx;
  15. &.swiper-button-disabled {
  16. opacity: 0.35;
  17. cursor: auto;
  18. pointer-events: none;
  19. }
  20. &:after {
  21. font-family: swiper-icons;
  22. font-size: 80rpx;
  23. text-transform: none !important;
  24. letter-spacing: 0;
  25. text-transform: none;
  26. font-variant: initial;
  27. line-height: 1;
  28. }
  29. }
  30. .swiper-button-prev,
  31. .swiper-rtl .swiper-button-next {
  32. // &:after {
  33. // content: 'prev';
  34. // }
  35. left: 10px;
  36. right: auto;
  37. }
  38. .swiper-button-next,
  39. .swiper-rtl .swiper-button-prev {
  40. // &:after {
  41. // content: 'next';
  42. // }
  43. right: 10px;
  44. left: auto;
  45. }
  46. .swiper-button-lock {
  47. display: none;
  48. }