Vant weapp踩坑之滑动单元格SwipeCell样式问题

时间：2021-03-18 14:37:32 收藏：0 阅读：0

Vant weapp滑动单元格SwipeCell按钮样式

引用swipeCell组件的页面，index.wxss中添加样式

.van-swipe-cell__left{
  width: 130rpx;
  height: 100%;
  font-size: 30rpx;
  color: #fff;
  text-align: center;
  background-color: #f44;
  word-wrap: break-word;
  padding: 0 22rpx;
  box-sizing: border-box;
  /*文本垂直居中*/
  display: flex;
  align-items: center;
  justify-content: center;
}

.van-swipe-cell__right {
  width: 130rpx;
  height: 100%;
  font-size: 30rpx;
  color: #fff;
  text-align: center;
  background-color: #f44;
  word-wrap: break-word;
  padding: 0 22rpx;
  box-sizing: border-box;
  /*文本垂直居中*/
  display: flex;
  align-items: center;
  justify-content: center;
}