index.acss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .progress-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .progress-index .van-progress {
  7. position: relative;
  8. height: 4px;
  9. height: var(--progress-height, 4px);
  10. border-radius: 4px;
  11. border-radius: var(--progress-height, 4px);
  12. background: #ebedf0;
  13. background: var(--progress-background-color, #ebedf0);
  14. }
  15. .progress-index .van-progress__portion {
  16. position: absolute;
  17. left: 0;
  18. height: 100%;
  19. border-radius: inherit;
  20. background: #1989fa;
  21. background: var(--progress-color, #1989fa);
  22. }
  23. .progress-index .van-progress__pivot {
  24. position: absolute;
  25. top: 50%;
  26. right: 0;
  27. box-sizing: border-box;
  28. min-width: 2em;
  29. text-align: center;
  30. word-break: keep-all;
  31. border-radius: 1em;
  32. -webkit-transform: translateY(-50%);
  33. transform: translateY(-50%);
  34. color: #fff;
  35. color: var(--progress-pivot-text-color, #fff);
  36. padding: 0 5px;
  37. padding: var(--progress-pivot-padding, 0 5px);
  38. font-size: 10px;
  39. font-size: var(--progress-pivot-font-size, 10px);
  40. line-height: 1.6;
  41. line-height: var(--progress-pivot-line-height, 1.6);
  42. background-color: #1989fa;
  43. background-color: var(--progress-pivot-background-color, #1989fa);
  44. }