问题描述:
刚刚在使用有赞的Vant weapp的“SwipeCell 滑动单元格”时,发现滑动单元格的样式有问题,但是我检查了没有引入错误。请看下图:左边时是我想要的,右边是我问题现场:
问题分析:
这是组件库的坑,得自己写一个记得不要用rpx。
问题解决:
在当前页面的wxss文件里添加一下样式:
.van-swipe-cell__left,
.van-swipe-cell__right {
display: inline-block;
width: 65px;
height: 67px;
font-size: 15px;
line-height: 67px;
color: #fff;
text-align: center;
background-color: #f44;
}
.van-swipe-cell__left{
background-color: #07c160;
}
效果如下:
大概就解决了。