@reasy-team/reasy-ui
Version:
Tenda基于Vue2.x的PC组件库。[在线示例](https://reasyteam.github.io/Reasy-UI/)
3 lines (1 loc) • 1.96 kB
CSS
.v-step{display:inline-block;white-space:normal}.v-step--center{text-align:center}.v-step__icon{display:inline-block;width:100%;height:32px}.v-step__icon>i{display:inline-block;font-size:32px}.v-step__icon>.is-text{width:32px;height:32px;line-height:30px;font-size:12px;font-style:normal;font-weight:400;color:#8b8c99;text-align:center;border-radius:16px;border:1px solid #e8e9ec;cursor:default}.v-step__content{margin-top:4px}.v-step__content .v-step__title{font-size:14px}.v-step__content .v-step__title--default{display:inline-block;color:#8d8c99;line-height:22px;font-size:14px;font-weight:400}.v-step__content .v-step__description{margin-top:2px;font-size:12px}.v-step__content .v-step__description--default{display:inline-block;color:#8d8c99;line-height:16px;font-size:12px;font-weight:400}.v-step--process .is-text{color:#fff;border-color:#0058e4;background-color:#0058e4}.v-step--process .is-icon{color:#0058e4}.v-step--process .v-step__title--default{font-weight:600;color:#0058e4;font-weight:500}.v-step--finish .is-icon,.v-step--finish .v-step__title--default{color:#0058e4}.v-step--error .is-icon,.v-step--error .v-step__title--default{color:#004ac0}.v-step--disabled .is-text{color:#cbccd2;border-color:#e8e9ec;background-color:#f4f5f7;cursor:not-allowed}.v-step--disabled .v-step__title--default,.v-step--disabled .v-step__description--default{color:#cbccd2;cursor:not-allowed}.v-steps{position:relative;width:100%;overflow:auto}.v-steps__lines{position:absolute;top:16px;width:100%;font-size:0}.v-steps__lines-wrapper{padding:0 16px;white-space:nowrap}.v-steps__lines .v-steps__line{display:inline-block;padding:0 24px}.v-steps__lines .v-steps__line-inner{width:100%;height:1px;background-color:#e8e9ec}.v-steps__lines .v-steps__line--finish .v-steps__line-inner{background-color:rgba(0,88,228,0.9)}.v-steps .v-steps__main{font-size:0;white-space:nowrap}.v-steps .v-steps__main::after{content:"";display:table;visibility:hidden;clear:both}