123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- .cu-progress-main {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- text-align: center;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- background-color: inherit;
- overflow: hidden;
- }
- .cu-progress {
- position: absolute;
- display: flex;
- flex-direction: row;
- align-items: center;
- text-align: center;
- justify-content: space-between;
- margin: 0;
- padding: 0;
- background-color: inherit;
- /* overflow: hidden; */
- }
- .cu-progress-bar {
- position: absolute;
- left: 0;
- }
- .cu-progress-node {
- position: absolute;
- width: 100%;
- display: flex;
- justify-content: space-between;
- }
- .node-item {
- width: 16rpx;
- height: 16rpx;
- background: #ffffff;
- border: 4rpx solid #e6e6e6;
- border-radius: 50%;
- }
- .active-node-item {
- border-color: #05c175;
- }
- .cu-area {
- position: absolute;
- display: flex;
- flex-direction: row;
- align-items: center;
- /* left: 0; */
- z-index: 2;
- }
- .cu-handle {
- position: absolute;
- display: flex;
- flex-direction: column;
- align-items: center;
- text-align: center;
- justify-content: space-around;
- overflow: hidden;
- z-index: 5;
- }
- .cu-handle text {
- align-items: center;
- text-align: center;
- white-space: nowrap;
- }
- .cu-showInfo {
- position: absolute;
- justify-content: space-around;
- align-items: center;
- overflow: hidden;
- white-space: nowrap;
- pointer-events: none;
- }
|