ThresholdBar.less 734 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .bar {
  2. padding: 0.3rem 0.14rem;
  3. }
  4. .box {
  5. width: 100%;
  6. height: 0.06rem;
  7. position: relative;
  8. background-color: #D45C41;
  9. }
  10. .scale {
  11. position: absolute;
  12. top: 0.16rem;
  13. line-height: 1.2;
  14. font-size: 0.16rem;
  15. word-break: keep-all;
  16. transform: translateX(-50%);
  17. &.top {
  18. top: inherit;
  19. bottom: 0.16rem;
  20. }
  21. &.min {
  22. left: 0;
  23. }
  24. &.max {
  25. left: 100%;
  26. }
  27. }
  28. .current {
  29. position: absolute;
  30. top: 50%;
  31. transform: translate(-50%, -50%);
  32. z-index: 10;
  33. // height: 120%;
  34. width: 0.09rem;
  35. height: 0.22rem;
  36. background: url("@/assets/current.png") no-repeat center;
  37. background-size: 100% 100%;
  38. // .currentBar {
  39. // height: 100%;
  40. // width: 0.04rem;
  41. // background-color: #fff;
  42. // }
  43. }