u-swiper.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .u-empty.data-v-eda42115,
  4. .u-empty__wrap.data-v-eda42115,
  5. .u-tabs.data-v-eda42115,
  6. .u-tabs__wrapper.data-v-eda42115,
  7. .u-tabs__wrapper__scroll-view-wrapper.data-v-eda42115,
  8. .u-tabs__wrapper__scroll-view.data-v-eda42115,
  9. .u-tabs__wrapper__nav.data-v-eda42115,
  10. .u-tabs__wrapper__nav__line.data-v-eda42115 {
  11. display: flex;
  12. flex-direction: column;
  13. flex-shrink: 0;
  14. flex-grow: 0;
  15. flex-basis: auto;
  16. align-items: stretch;
  17. align-content: flex-start;
  18. }
  19. .u-swiper__wrapper.data-v-eda42115 {
  20. flex: 1;
  21. }
  22. .u-swiper.data-v-eda42115 {
  23. display: flex;
  24. flex-direction: row;
  25. justify-content: center;
  26. align-items: center;
  27. position: relative;
  28. overflow: hidden;
  29. }
  30. .u-swiper__wrapper.data-v-eda42115 {
  31. flex: 1;
  32. }
  33. .u-swiper__wrapper__item.data-v-eda42115 {
  34. flex: 1;
  35. }
  36. .u-swiper__wrapper__item__wrapper.data-v-eda42115 {
  37. display: flex;
  38. flex-direction: row;
  39. position: relative;
  40. overflow: hidden;
  41. transition: transform 0.3s;
  42. flex: 1;
  43. }
  44. .u-swiper__wrapper__item__wrapper__image.data-v-eda42115 {
  45. flex: 1;
  46. }
  47. .u-swiper__wrapper__item__wrapper__video.data-v-eda42115 {
  48. flex: 1;
  49. }
  50. .u-swiper__wrapper__item__wrapper__title.data-v-eda42115 {
  51. position: absolute;
  52. background-color: rgba(0, 0, 0, 0.3);
  53. bottom: 0;
  54. left: 0;
  55. right: 0;
  56. font-size: 28rpx;
  57. padding: 12rpx 24rpx;
  58. color: #FFFFFF;
  59. flex: 1;
  60. }
  61. .u-swiper__indicator.data-v-eda42115 {
  62. position: absolute;
  63. bottom: 10px;
  64. }