按照官方文档引入实际上还差点东西 才能跟模板一样
1. 首先是文件引入,我们看到官方实际上是只引入了一个文件,既
"usingComponents": {
"van-swipe-cell": "@vant/weapp/swipe-cell/index"
}
##### 实际上还需要引入另外两个文件,即
"van-cell": "@vant/weapp/cell/index",
"van-cell-group": "@vant/weapp/cell-group/index"
当然你如果不用到cell组件的话 步骤二是可以忽略的。
2. 其次就是引入之后右滑删除的样式是没有的,需要在wxss中添加如下代码
.van-swipe-cell__left,
.van-swipe-cell__right {
display: inline-block;
width: 65px;
height: 44px;
font-size: 15px;
line-height: 44px;
color: #fff;
text-align: center;
background-color: #f44;
}
样式可以根据自己的需要自由切换
vant着实有点坑人