nutui-taro-upgrade/dist/packages/step/index.css

@nutui/nutui-taro 对京东风格组件库的taro4 版本支持

.nut-step{flex-grow:0;flex-shrink:0;flex:1;text-align:center;font-size:0}.nut-step-head{position:relative;display:flex;justify-content:center;margin-bottom:12px}.nut-step-line{position:absolute;top:11px;left:50%;right:-50%;display:inline-block;height:1px;background:var(--nut-steps-base-line-color, #909ca4)}.nut-step-icon{position:relative;display:flex;width:var(--nut-steps-base-icon-width, 25px);height:var(--nut-steps-base-icon-height, 25px);line-height:var(--nut-steps-base-icon-line-height, 25px);font-size:var(--nut-steps-base-icon-font-size, 13px);align-items:center;justify-content:center;z-index:1}.nut-step-icon-inner{display:flex;justify-content:center;align-items:center}.nut-step-icon .nut-icon{width:var(--nut-steps-base-icon-font-size, 13px);height:var(--nut-steps-base-icon-font-size, 13px)}.nut-step-icon.is-icon{border-radius:50%;border-width:1px;border-style:solid}.nut-step-main{display:inline-block;padding-left:10%;padding-right:10%;text-align:center}.nut-step-title{display:block;margin-bottom:var(--nut-steps-base-title-margin-bottom, 10px);font-size:var(--nut-steps-base-title-font-size, 14px);color:var(--nut-steps-base-title-color, #909ca4)}.nut-step-content{display:block;font-size:var(--nut-steps-base-content-font-size, 14px);color:var(--nut-steps-base-content-color, #666)}.nut-step:last-child .nut-step-line{display:none}.nut-step.nut-step-finish .nut-step-head{color:var(--nut-steps-finish-head-color, var(--nut-primary-color, #fa2c19));border-color:var(--nut-steps-finish-head-border-color, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-icon.is-icon{background-color:var(--nut-steps-finish-icon-text-color, var(--nut-white, #fff))}.nut-step.nut-step-finish .nut-step-line{background:var(--nut-steps-finish-line-background, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-finish .nut-step-title{color:var(--nut-steps-finish-title-color, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-process .nut-step-head{color:var(--nut-steps-process-head-color, var(--nut-white, #fff));border-color:var(--nut-steps-process-head-border-color, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-process .nut-step-icon.is-icon{background-color:var(--nut-steps-process-icon-text-color, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-process .nut-step-title{color:var(--nut-steps-process-title-color, var(--nut-primary-color, #fa2c19))}.nut-step.nut-step-wait .nut-step-head{color:var(--nut-steps-wait-head-color, #909ca4);border-color:var(--nut-steps-wait-head-border-color, #909ca4)}.nut-step.nut-step-wait .nut-step-icon.is-icon{background-color:var(--nut-steps-wait-icon-bg-color, #959fb1);color:var(--nut-steps-wait-icon-text-color, #ffffff)}.nut-step.nut-step-wait .nut-step-icon.is-icon .nut-icon{color:var(--nut-steps-wait-icon-color, var(--nut-white, #fff))}.nut-step.nut-step-wait .nut-step-content{color:var(--nut-steps-wait-content-color, #909ca4)}.nut-steps-horizontal.nut-steps-dot .nut-step-head{margin-top:7px;margin-bottom:0}.nut-steps-horizontal.nut-steps-dot .nut-step-line{top:50%;bottom:-50%}.nut-steps-horizontal.nut-steps-dot .nut-step-icon{width:8px;height:8px;background:var(--nut-primary-color, #fa2c19);border-radius:50%;box-sizing:content-box}.nut-steps-horizontal.nut-steps-dot .nut-step-wait .nut-step-icon{background-color:var(--nut-steps-wait-icon-bg-color, #959fb1)}.nut-steps-horizontal.nut-steps-dot .nut-step-wait .nut-step-content{color:var(--nut-steps-wait-content-color, #909ca4)}.nut-steps-horizontal.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nut-primary-color, #fa2c19)}.nut-steps-horizontal.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nut-primary-color, #fa2c19)}.nut-steps-horizontal.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nut-primary-color-end, #fa6419);border-radius:50%;opacity:.23}.nut-steps-vertical .nut-step{display:flex;height:33.34%}.nut-steps-vertical .nut-step-line{position:absolute;display:inline-block;width:1px;height:100%;background:#909ca4}.nut-steps-vertical .nut-step-main{display:inline-block;padding-left:6%;text-align:left}.nut-steps-vertical.nut-steps-dot .nut-step-head{margin-top:7px;margin-bottom:0}.nut-steps-vertical.nut-steps-dot .nut-step-line{top:7px;left:50%;right:-50%}.nut-steps-vertical.nut-steps-dot .nut-step-icon{width:8px;height:8px;background:var(--nut-primary-color, #fa2c19);border-radius:50%;box-sizing:content-box}.nut-steps-vertical.nut-steps-dot .nut-step-wait .nut-step-icon{background-color:var(--nut-steps-wait-icon-bg-color, #959fb1)}.nut-steps-vertical.nut-steps-dot .nut-step-wait .nut-step-content{color:var(--nut-steps-wait-content-color, #909ca4)}.nut-steps-vertical.nut-steps-dot .nut-step-finish .nut-step-icon{background-color:var(--nut-primary-color, #fa2c19)}.nut-steps-vertical.nut-steps-dot .nut-step-process .nut-step-icon{position:relative;background-color:var(--nut-primary-color, #fa2c19)}.nut-steps-vertical.nut-steps-dot .nut-step-process .nut-step-icon:before{content:"";display:inline-block;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-7px;width:14px;height:14px;background-color:var(--nut-primary-color-end, #fa6419);border-radius:50%;opacity:.23}