feat: 订单样式优化
This commit is contained in:
@@ -1,30 +1,36 @@
|
||||
.divider {
|
||||
height: 1px;
|
||||
margin: 0 10px;
|
||||
background: linear-gradient(to right, #eee, #eee 5px, transparent 5px, transparent);
|
||||
background: linear-gradient(
|
||||
to right,
|
||||
#eee,
|
||||
#eee 5px,
|
||||
transparent 5px,
|
||||
transparent
|
||||
);
|
||||
background-size: 10px 100%;
|
||||
position: relative;
|
||||
|
||||
&::before, &::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
height: 12px;
|
||||
width: 6px;
|
||||
|
||||
background-color: #E2EDF2;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
// &::before, &::after {
|
||||
// position: absolute;
|
||||
// content: '';
|
||||
// height: 12px;
|
||||
// width: 6px;
|
||||
|
||||
&::before {
|
||||
border-radius: 0 20px 20px 0;
|
||||
top: 0;
|
||||
left: -10px;
|
||||
}
|
||||
// background-color: #E2EDF2;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
// }
|
||||
|
||||
&::after {
|
||||
border-radius: 20px 0 0 20px;
|
||||
top: 0;
|
||||
right: -10px;
|
||||
}
|
||||
}
|
||||
// &::before {
|
||||
// border-radius: 0 20px 20px 0;
|
||||
// top: 0;
|
||||
// left: -10px;
|
||||
// }
|
||||
|
||||
// &::after {
|
||||
// border-radius: 20px 0 0 20px;
|
||||
// top: 0;
|
||||
// right: -10px;
|
||||
// }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user