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

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;
}

  

posted @ 2021-03-18 09:07  祭·司  阅读(2092)  评论(0编辑  收藏  举报