博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序---解决vant--SwipeCell右滑组件无样式
阅读量:2065 次
发布时间:2019-04-29

本文共 532 字,大约阅读时间需要 1 分钟。

按照官方文档引入实际上还差点东西 才能更模板一样

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着实有点坑人

转载地址:http://jkzmf.baihongyu.com/

你可能感兴趣的文章
Leetcode C++《每日一题》20200707 112. 路径总和
查看>>
云原生 第十一章 应用健康
查看>>
Leetcode C++ 《第202场周赛》
查看>>
云原生 第十二章 可观测性:监控与日志
查看>>
Leetcode C++ 《第203场周赛》
查看>>
云原生 第十三章 Kubernetes网络概念及策略控制
查看>>
《redis设计与实现》 第一部分:数据结构与对象 || 读书笔记
查看>>
《redis设计与实现》 第二部分(第9-11章):单机数据库的实现
查看>>
算法工程师 面经2019年5月
查看>>
搜索架构师 一面面经2019年6月
查看>>
稻草人手记
查看>>
第一次kaggle比赛 回顾篇
查看>>
leetcode 50. Pow(x, n)
查看>>
leetcode 130. Surrounded Regions
查看>>
【托业】【全真题库】TEST2-语法题
查看>>
博客文格式优化
查看>>
【托业】【新托业全真模拟】疑难语法题知识点总结(01~05)
查看>>
【SQL】group by 和order by 的区别。
查看>>
【Python】详解Python多线程Selenium跨浏览器测试
查看>>
Jmeter之参数化
查看>>