u-swiper.ttss 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-swiper-wrap.data-v-a5b2d580 {
  7. position: relative;
  8. overflow: hidden;
  9. -webkit-transform: translateY(0);
  10. transform: translateY(0);
  11. }
  12. .u-swiper-image.data-v-a5b2d580 {
  13. width: 100%;
  14. will-change: transform;
  15. height: 100%;
  16. display: block;
  17. }
  18. .u-swiper-indicator.data-v-a5b2d580 {
  19. padding: 0 24rpx;
  20. position: absolute;
  21. display: flex;
  22. flex-direction: row;
  23. width: 100%;
  24. z-index: 1;
  25. }
  26. .u-indicator-item-rect.data-v-a5b2d580 {
  27. width: 26rpx;
  28. height: 8rpx;
  29. margin: 0 6rpx;
  30. transition: all 0.5s;
  31. background-color: rgba(0, 0, 0, 0.3);
  32. }
  33. .u-indicator-item-rect-active.data-v-a5b2d580 {
  34. background-color: rgba(255, 255, 255, 0.8);
  35. }
  36. .u-indicator-item-dot.data-v-a5b2d580 {
  37. width: 14rpx;
  38. height: 14rpx;
  39. margin: 0 6rpx;
  40. border-radius: 20rpx;
  41. transition: all 0.5s;
  42. background-color: rgba(0, 0, 0, 0.3);
  43. }
  44. .u-indicator-item-dot-active.data-v-a5b2d580 {
  45. background-color: rgba(255, 255, 255, 0.8);
  46. }
  47. .u-indicator-item-round.data-v-a5b2d580 {
  48. width: 14rpx;
  49. height: 14rpx;
  50. margin: 0 6rpx;
  51. border-radius: 20rpx;
  52. transition: all 0.5s;
  53. background-color: rgba(0, 0, 0, 0.3);
  54. }
  55. .u-indicator-item-round-active.data-v-a5b2d580 {
  56. width: 34rpx;
  57. background-color: rgba(255, 255, 255, 0.8);
  58. }
  59. .u-indicator-item-number.data-v-a5b2d580 {
  60. padding: 6rpx 16rpx;
  61. line-height: 1;
  62. background-color: rgba(0, 0, 0, 0.3);
  63. border-radius: 100rpx;
  64. font-size: 26rpx;
  65. color: rgba(255, 255, 255, 0.8);
  66. }
  67. .u-list-scale.data-v-a5b2d580 {
  68. -webkit-transform-origin: center center;
  69. transform-origin: center center;
  70. }
  71. .u-list-image-wrap.data-v-a5b2d580 {
  72. width: 100%;
  73. height: 100%;
  74. flex: 1;
  75. transition: all 0.5s;
  76. overflow: hidden;
  77. box-sizing: content-box;
  78. position: relative;
  79. }
  80. .u-swiper-title.data-v-a5b2d580 {
  81. position: absolute;
  82. background-color: rgba(0, 0, 0, 0.3);
  83. bottom: 0;
  84. left: 0;
  85. width: 100%;
  86. font-size: 28rpx;
  87. padding: 12rpx 24rpx;
  88. color: rgba(255, 255, 255, 0.9);
  89. }
  90. .u-swiper-item.data-v-a5b2d580 {
  91. display: flex;
  92. flex-direction: row;
  93. overflow: hidden;
  94. align-items: center;
  95. }