自定义一个组件,两个相邻元素之间加横线,但是不生效?
发布于 6 年前 作者 gang48 13400 次浏览 来自 问答
	.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?

回到顶部