step.scss 1.4 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
.ivu-steps-horizontal{
    padding: 10px;
    .ivu-steps-item{
        .ivu-steps-tail{
            padding: 0 80px;
            left: 44px;
            >i{
                height: 2px;
            }
        }
        .ivu-steps-head{
            .ivu-steps-head-inner{
                margin-right: 10px;
                border-color: var(--app-color-gray-200);
                background-color: #fff;
                span{
                    color: #fff;
                }                
            }
        }
        .ivu-steps-main{
            .ivu-steps-title{
                font-size: 14px;
                color: var(--app-color-black);
            }
        }
    }
    // 进行中
    .ivu-steps-item.ivu-steps-status-process{
        .ivu-steps-head{
            .ivu-steps-head-inner{
                border-color: var(--app-color-blue);
                span{
                    color: #fff;
                }
            }
        }        
    }
    // 完成
    .ivu-steps-item.ivu-steps-status-finish{
        .ivu-steps-tail{
            >i::after{
                background-color: #188CE5;
            }
        }
        .ivu-steps-head{
            .ivu-steps-head-inner{
                border-color: var(--app-color-blue);
                .ivu-icon-ios-checkmark{
                    color: var(--app-color-blue);
                    transform: scale(1.5);
                }
            }
        }        
    }
}