右箭头 >
&::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 0.1rem;
height: 0.1rem;
border: solid #d8d8d8;
border-width: 1px 1px 0 0;
transform: translate(0, -50%) rotate(45deg);
}
竖线 |
&::after {
content: "";
position: absolute;
top: 30%;
right: 0;
width: 0.1rem;
height: 0.5rem;
border: solid #d8d8d8;
border-width: 0 1px 0 0;
}
注意:
1rem == 100px
其他样式布局需自行调整