index.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. .nut-imagepreview {
  2. height: 100%;
  3. width: 100%;
  4. &-swiper {
  5. height: 100%;
  6. width: 100vw;
  7. background-color: transparent;
  8. }
  9. &-img {
  10. width: 100%;
  11. height: 100%;
  12. object-fit: contain;
  13. }
  14. &-taro-img {
  15. width: 100%;
  16. height: 100%;
  17. }
  18. &-index {
  19. position: fixed;
  20. z-index: 2002;
  21. top: 50px;
  22. text-align: center;
  23. left: 0;
  24. right: 0;
  25. background: transparent;
  26. color: #fff;
  27. .arrow {
  28. position: absolute;
  29. left: 15px;
  30. transform: rotateZ(180deg);
  31. }
  32. }
  33. &-close-icon {
  34. position: fixed;
  35. z-index: 2002;
  36. top: 50px;
  37. right: 15px;
  38. }
  39. .popup-bg {
  40. background: rgba(0, 0, 0, 0.9);
  41. }
  42. .popup-box {
  43. height: 100%;
  44. overflow: visible;
  45. background-color: transparent;
  46. }
  47. }
  48. .custom-pop {
  49. height: 100%;
  50. background: transparent !important;
  51. display: flex;
  52. align-items: center;
  53. }
  54. .nut-imagepreview-swiper .nut-swiper-item {
  55. display: flex;
  56. align-items: center;
  57. justify-content: center;
  58. height: 100%;
  59. .nut-imagepreview-box {
  60. width: 100%;
  61. }
  62. .nut-video {
  63. // height: auto;
  64. video {
  65. object-fit: contain;
  66. }
  67. }
  68. }