xw_admin/src/style/order.scss
2024-09-03 15:09:34 +08:00

85 lines
1.5 KiB
SCSS

.orderMain{
//background: none;
padding: 0;
.cardBox{
.headerView{
border-bottom: 1px solid #e8e8e8;
display: flex;justify-content: space-between;align-items: center;
padding: 5px 0 17px 0;
}
.title{
font-weight: 500;
font-size: 13px;
}
.cardBody{
padding: 12px 0 0 0;
display: flex;flex-direction: column;
.el-row{
padding: 10px 0;
.el-col{
display: flex;
.label{
flex-basis: 100px;
justify-content: flex-end;
color: #303133;
display: flex;
}
.labelText{
align-items: center;
}
.text{
color: #222;
display: flex;
flex: 1;
}
}
}
}
}
.footerCard{
border-top: 10px solid #f6f8f9;
border-top-left-radius: 0;
border-top-right-radius: 0;
.cardItem{
margin-bottom: 12px;
border-bottom: 1px solid #e9e9e9;
padding: 0 0 10px 0;
}
.cardItem:last-child{
border-bottom: 0;
}
}
}
.orderSteps{
.el-step__main{
.el-step__title{
font-size: 12px;
}
}
.is-success .el-step__icon{
background: var(--el-color-success);
border-color: var(--el-color-success-light-5);
.el-icon{
color: var(--el-color-white);
}
}
.is-finish .el-step__icon{
background: var(--el-color-primary);
border-color: var(--el-color-primary-light-5);
.el-step__icon-inner{
color: var(--el-color-white);
}
}
.is-wait .el-step__icon{
background: var(--el-color-info);
border-color: var(--el-color-info-light-5);
.el-step__icon-inner{
color: var(--el-color-white);
}
}
}