index.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @import '../common/abstracts/variable';
  2. @import '../common/abstracts/mixin';
  3. @include b(swiper) {
  4. position: relative;
  5. @include e(track) {
  6. border-radius: $-swiper-radius;
  7. overflow: hidden;
  8. transform: translateY(0);
  9. }
  10. @include e(item) {
  11. display: flex;
  12. align-items: center;
  13. box-sizing: border-box;
  14. padding: $-swiper-item-padding;
  15. @include m(slot) {
  16. // 问题来自 https://github.com/dcloudio/uni-app/issues/4629,支付宝小程序不支持属性选择器
  17. /* #ifdef MP */
  18. :deep() {
  19. /* #ifdef MP-WEIXIN */
  20. view:not([class]) {
  21. width: 100%;
  22. height: 100%;
  23. }
  24. /* #endif */
  25. /* #ifndef MP-WEIXIN */
  26. view {
  27. width: 100%;
  28. height: 100%;
  29. }
  30. /* #endif */
  31. }
  32. /* #endif */
  33. }
  34. }
  35. @include e(image, video) {
  36. width: 100%;
  37. transition: all 0.3s ease;
  38. }
  39. @include e(text) {
  40. // 随便搞个样式,反正用户还是会覆盖的
  41. position: absolute;
  42. right: 24rpx;
  43. top: 24rpx;
  44. color: $-swiper-item-text-color;
  45. font-size: $-swiper-item-text-fs;
  46. }
  47. }