如题,设置的为微信小程序样式
//wxml
<view class="line"></view>
//wxss
.line{
position: relative;
top: 100rpx;
left: 250rpx;
/* 线条长度 */
width: 250rpx;
height: 0rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
opacity: 1;
/* 线条粗细 */
border: 3rpx solid #EB5237;
}
效果
- 给文字设置一条横线,如 原价:¥9.9 给文字设置横线代表弃用
给标签添加样式:text-decoration:line-through