自定义一个组件,两个相邻元素之间加横线,但是不生效?
.item + .item {
position: relative;
}
.item + .item:before {
content: '';
position: absolute;
top: 0;
left: $hd-spacing-row-base;
right: $hd-spacing-row-base;
// border-top: 0.5rpx solid $hd-line-color; // h5正常,小程序没显示。
border: 0.5rpx solid red; // 如果用这个属性小程序有反应但是要设置width
transform-origin: 0 0;
transform: scaleY(0.5);
height: 0.5rpx;
color: $hd-line-color;
padding: 0 10px;
z-index: 2;
}
有遇见这样的情况的?很奇怪,调试很久了,必须用border加width去适配?不能用border-top?