swipescreen.less 649 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .ss-showcase {
  2. display: flex;
  3. overflow: hidden;
  4. position: relative;
  5. transition: height 0.4s linear;
  6. }
  7. .ss-showcase__wrap {
  8. position: relative;
  9. display: flex;
  10. white-space: nowrap;
  11. }
  12. .ss-showcase__absolute {
  13. background: red;
  14. position: absolute;
  15. bottom: 0;
  16. left: 0;
  17. right: 0;
  18. }
  19. .dotsbar {
  20. position: absolute;
  21. bottom: 30rpx;
  22. display: flex;
  23. gap: 16rpx;
  24. left: 50%;
  25. transform: translate3d(-50%, 0, 0);
  26. .dot {
  27. background-color: #999;
  28. width: 12rpx;
  29. height: 12rpx;
  30. border-radius: 12rpx;
  31. transition: all 0.1s linear;
  32. &.dot-active {
  33. background-color: #eee;
  34. width: 24rpx;
  35. }
  36. }
  37. }