| | |
|---|
| | | .wux-slider{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.wux-slider__rail{width:100%;height:8rpx;margin:30rpx 0;background-color:#e9e9e9;border-radius:8rpx;vertical-align:middle;position:relative}.wux-slider__track{position:absolute;left:0;height:8rpx;border-radius:8rpx;background-color:#33cd5f}.wux-slider__handle{background-color:#fff;border-radius:50%;height:56rpx;left:0;top:50%;position:absolute;width:56rpx;box-shadow:0 0 8rpx rgba(0,0,0,.2);transform:translate3d(-50%,-50%,0);transition:transform .2s}.wux-slider__handle:after{content:attr(data-meta);color:#fff;position:absolute;pointer-events:none;display:none;opacity:0;visibility:hidden;z-index:15;font-size:28rpx;line-height:1.25;padding:8rpx 16rpx;border-radius:8rpx;background-color:rgba(0,0,0,.7);white-space:nowrap;text-align:center;left:50%;bottom:100%;margin-bottom:20rpx;transform:translateX(-50%)}.wux-slider__handle--last{z-index:2}.wux-slider__handle--is-touched{transform:translate3d(-50%,-50%,0) scale(1.3)}.wux-slider--has-tip .wux-slider__handle--is-touched:after{display:block;opacity:1;visibility:visible}.wux-slider__mark{position:absolute;width:8rpx;height:8rpx;border-radius:50%;background-color:#ccc;transform:translateX(-50%)}.wux-slider__max,.wux-slider__min{font-size:28rpx;color:#888}.wux-slider__min{margin-right:24rpx}.wux-slider__max{margin-left:24rpx}.wux-slider--disabled{opacity:.3} |
|---|
| | | .wux-slider{position:relative;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.wux-slider__rail{width:100%;height:8rpx;margin:30rpx 0;background-color:#e9e9e9;border-radius:8rpx;vertical-align:middle;position:relative}.wux-slider__track{position:absolute;left:0;height:8rpx;border-radius:8rpx;background-color:#33cd5f}.wux-slider__handle{background-color:#fff;border-radius:50%;height:56rpx;left:0;top:50%;position:absolute;width:56rpx;box-shadow:0 0 8rpx rgba(0,0,0,.2);transform:translate3d(-50%,-50%,0);transition:transform .2s}.wux-slider__handle::after{content:attr(data-meta);color:#fff;position:absolute;pointer-events:none;display:none;opacity:0;visibility:hidden;z-index:15;font-size:28rpx;line-height:1.25;padding:8rpx 16rpx;border-radius:8rpx;background-color:rgba(0,0,0,.7);white-space:nowrap;text-align:center;left:50%;bottom:100%;margin-bottom:20rpx;transform:translateX(-50%)}.wux-slider__handle--last{z-index:2}.wux-slider__handle--is-touched{transform:translate3d(-50%,-50%,0) scale(1.3)}.wux-slider--has-tip .wux-slider__handle--is-touched::after{display:block;opacity:1;visibility:visible}.wux-slider__mark{width:8rpx;height:8rpx;position:absolute;border-radius:50%;background-color:#ccc;transform:translateX(-50%)}.wux-slider__max,.wux-slider__min{font-size:28rpx;color:rgba(0,0,0,.45)}.wux-slider__min{margin-right:24rpx}.wux-slider__max{margin-left:24rpx}.wux-slider--disabled{opacity:.3} |
|---|
