cu-progress.css 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .cu-progress-main{
  2. position: relative;
  3. display: flex;
  4. flex-direction: row;
  5. align-items: center;
  6. text-align: center;
  7. justify-content: space-between;
  8. margin: 0;
  9. padding: 0;
  10. background-color: inherit;
  11. overflow: hidden;
  12. }
  13. .cu-progress {
  14. position: absolute;
  15. display: flex;
  16. flex-direction: row;
  17. align-items: center;
  18. text-align: center;
  19. justify-content: space-between;
  20. margin: 0;
  21. padding: 0;
  22. background-color: inherit;
  23. /* overflow: hidden; */
  24. }
  25. .cu-progress-bar{
  26. position: absolute;
  27. left: 0;
  28. }
  29. .cu-area {
  30. position: absolute;
  31. display: flex;
  32. flex-direction: row;
  33. align-items: center;
  34. /* left: 0; */
  35. z-index: 2;
  36. }
  37. .cu-handle {
  38. position: absolute;
  39. display: flex;
  40. flex-direction: column;
  41. align-items: center;
  42. text-align: center;
  43. justify-content: space-around;
  44. overflow: hidden;
  45. z-index: 5;
  46. left:20rpx;
  47. }
  48. .cu-handle text {
  49. align-items: center;
  50. text-align: center;
  51. white-space: nowrap;
  52. }
  53. .cu-showInfo {
  54. position: absolute;
  55. justify-content: space-around;
  56. align-items: center;
  57. overflow: hidden;
  58. white-space: nowrap;
  59. pointer-events: none;
  60. }