rangeSlider.wxss 476 B

12345678910111213141516171819202122232425262728293031323334
  1. .range-slider {
  2. position: relative;
  3. }
  4. .range-bar {
  5. position: absolute;
  6. }
  7. .range-bar {
  8. position: absolute;
  9. top: 50%;
  10. transform: translate(0, -50%);
  11. border-radius: 10000rpx;
  12. }
  13. .range-bar-bg {
  14. position: absolute;
  15. width: 100%;
  16. height: 100%;
  17. border-radius: 10000rpx;
  18. }
  19. .range-bar-progress {
  20. position: absolute;
  21. width: 100%;
  22. height: 100%;
  23. background-color: blueviolet;
  24. }
  25. .block {
  26. position: absolute;
  27. top: 50%;
  28. transform: translate(0, -50%);
  29. }