| 1 |
- .hui-button-box{background-color:#fff;box-shadow:0 2px 10px rgba(3,3,3,.1);position:fixed;bottom:0;left:0;right:0;height:100rpx;display:flex;align-items:center;justify-content:flex-end;padding-bottom:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);padding-right:40rpx;padding-left:40rpx}.text-flex{display:flex;justify-content:space-between;align-items:center}.color-primary{color:#3c9cff}.color-success{color:#5ac725}.color-warning{color:#f9ae3d}.color-error{color:#f56c6c}.status-tag{height:52rpx;border-radius:52rpx;line-height:52rpx;padding:0 30rpx;font-size:24rpx;color:#fff}.status-tag.success{background-color:#5ac725}.status-tag.primary{background-color:#3c9cff}.status-tag.info{background-color:#909399}.status-tag.warning{background-color:#f9ae3d}.status-tag.error{background-color:#f56c6c}.process-box .process-set-item{padding-left:80rpx;position:relative}.process-box .process-item-title{padding:10rpx 0;display:flex;align-items:center}.process-box .process-item-title .label{font-weight:700}.process-box .process-item-content{padding:5px 0}.process-box .process-set-state{width:20px;height:20px;border-radius:50%;position:absolute;left:7px;top:6px;display:flex;align-items:center;justify-content:center}.process-box .process-set-state .el-icon-success{font-size:20px}.process-box .process-set-state.info{background:rgba(144,157,143,.4)}.process-box .process-set-state.info .process-set-state-1{background:#909d8f}.process-box .process-set-state.info .process-set-state-2{background:rgba(144,157,143,.6)}.process-box .process-set-state.waiting{background:rgba(255,125,0,.4)}.process-box .process-set-state.waiting .process-set-state-1{background:#ff7d00}.process-box .process-set-state.waiting .process-set-state-2{background:rgba(255,125,0,.6)}.process-box .process-set-state.waiting .el-icon-success{color:#ff7d00}.process-box .process-set-state.success{background:rgba(0,180,42,.4)}.process-box .process-set-state.success .process-set-state-1{background:#00b42a}.process-box .process-set-state.success .process-set-state-2{background:rgba(0,180,42,.6)}.process-box .process-set-state.error{background:rgba(245,63,63,.4)}.process-box .process-set-state.error .process-set-state-1{background:#f53f3f}.process-box .process-set-state.error .process-set-state-2{background:rgba(245,63,63,.6)}.process-box .process-set-state.state-last{background:#fff}.process-box .process-set-state-1{width:8px;height:8px;border-radius:50%}.process-box .process-set-state-2{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center}.process-box .line{position:absolute;left:16px;width:2px}.process-box .line.info{background:rgba(144,157,143,.4)}.process-box .line.waiting{background:rgba(255,125,0,.4)}.process-box .line.success{background:rgba(0,180,42,.4)}.process-box .line.error{background:rgba(245,63,63,.4)}.process-box .line-top{top:0;height:6px}.process-box .line-bottom{top:26px;bottom:0}page{background-color:#f3f4f6;font-size:28rpx}page::after{position:fixed;content:'';left:-1000px;top:-1000px;-webkit-animation:shadow-preload .1s;-webkit-animation-delay:3s;animation:shadow-preload .1s;animation-delay:3s}@-webkit-keyframes shadow-preload{0%{background-image:url(https://cdn1.dcloud.net.cn/4f546b334d554e454e53556c6433677a597a41774e6d517a4e6a51784e6a466b4d6a5177/img/shadow-grey.png)}100%{background-image:url(https://cdn1.dcloud.net.cn/4f546b334d554e454e53556c6433677a597a41774e6d517a4e6a51784e6a466b4d6a5177/img/shadow-grey.png)}}@keyframes shadow-preload{0%{background-image:url(https://cdn1.dcloud.net.cn/4f546b334d554e454e53556c6433677a597a41774e6d517a4e6a51784e6a466b4d6a5177/img/shadow-grey.png)}100%{background-image:url(https://cdn1.dcloud.net.cn/4f546b334d554e454e53556c6433677a597a41774e6d517a4e6a51784e6a466b4d6a5177/img/shadow-grey.png)}}
|
