微信小程序 cover-view 设置text-decoration: line-through; 真机无效果

我需要给cover-view中的文本设置删除线的效果,就尝试使用text-decoration: line-through;属性,模拟器上显示没问题,出现了删除线的效果,可是到了安卓上试了一下,没有效果,代码如下。


<cover-view class='original-price'>原价{{orderInfo.total_amount}}</cover-view>
.original-price {
  text-decoration: line-through;
  color: #A2A2A2;
}

clipboard.png

这是模拟器上的效果

我想问,是小程序的cover-view不支持这个属性吗?如果是有没有别的解决方法?

阅读 5.3k
1 个回答
新手上路,请多包涵

确实有问题。在内部再写一个cover-view,将其backgroud设置为一个颜色,宽度100%,高度2rpx,通过定位来代替line-through

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题