Initial Commit
This commit is contained in:
167
dist/step/index.wxss
vendored
Normal file
167
dist/step/index.wxss
vendored
Normal file
@ -0,0 +1,167 @@
|
||||
.i-step-ico {
|
||||
width: 24px;
|
||||
height: 100%;
|
||||
border-radius: 100%;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin: 0 auto;
|
||||
/* border: #dddee1 solid 1px; */
|
||||
}
|
||||
|
||||
.i-step-ico-in {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.i-step-line {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 12px;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: #dddee1;
|
||||
}
|
||||
|
||||
.i-step-horizontal .i-step-ico::after {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: 23px;
|
||||
z-index: 1;
|
||||
content: '';
|
||||
height: 1px;
|
||||
background: #fff;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.i-step-horizontal .i-step-item-main {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.i-step-horizontal .i-step-ico::before {
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
left: -11px;
|
||||
z-index: 1;
|
||||
content: '';
|
||||
height: 1px;
|
||||
background: #fff;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.i-step-ico {
|
||||
box-sizing: border-box;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.i-step-process .i-step-ico {
|
||||
/* border: #2d8cf0 solid 1px; */
|
||||
color: #fff;
|
||||
/* background: #72B34B; */
|
||||
}
|
||||
|
||||
.i-step-wait .i-step-ico {
|
||||
border: #e9eaec solid 1px;
|
||||
color: #e9eaec;
|
||||
}
|
||||
|
||||
.i-step-wait .i-step-line {
|
||||
background: #72B34B;
|
||||
}
|
||||
|
||||
.i-step-finish .i-step-ico {
|
||||
/* border: #2d8cf0 solid 1px; */
|
||||
/* color: #2d8cf0; */
|
||||
}
|
||||
|
||||
.i-step-finish .i-step-line {
|
||||
/* background: #72B34B; */
|
||||
}
|
||||
|
||||
.i-step-error .i-step-ico {
|
||||
border: #ed3f14 solid 1px;
|
||||
color: #ed3f14;
|
||||
}
|
||||
|
||||
.i-step-error .i-step-line {
|
||||
background: #ed3f14;
|
||||
}
|
||||
|
||||
.i-step-item {
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
padding-left: 10px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.i-step-item-ico {
|
||||
width: 100%;
|
||||
/* height: 40rpx; */
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.i-step-item-main {
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
}
|
||||
.erer{
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background-color: #d2d2d2;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.tctc{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.i-step-item-title {
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
top: -10rpx;
|
||||
color: #1c2438;
|
||||
}
|
||||
|
||||
.i-step-item-content {
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
margin-top: 2px;
|
||||
color: #80848f;
|
||||
}
|
||||
|
||||
.i-step-vertical {
|
||||
padding-bottom: 35rpx;
|
||||
}
|
||||
|
||||
.i-step-vertical .i-step-item-ico {
|
||||
width: 24px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.i-step-vertical .i-step-item-main {
|
||||
margin-left: 40px;
|
||||
margin-top: 0;
|
||||
clear: inherit;
|
||||
display: flex;
|
||||
position: relative;
|
||||
/* left: -160rpx; */
|
||||
}
|
||||
.i-step-item-date{
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
/* margin-right: 80rpx; */
|
||||
}
|
||||
.i-step-vertical .i-step-line {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 10px;
|
||||
margin: 0 0 0 12px;
|
||||
width: 1px;
|
||||
}
|
||||
.i-donger{
|
||||
background:rgba(0, 0, 0, 0);
|
||||
border-left:1rpx dashed #d9ae59;
|
||||
}
|
||||
Reference in New Issue
Block a user