微信小程序滑动删除

最新推荐文章于 2024-07-17 17:22:13 发布

weibaobao1314

最新推荐文章于 2024-07-17 17:22:13 发布

阅读量955

点赞数

本文链接：https://blog.csdn.net/weibaobao1314/article/details/107944300

版权

本文介绍了如何利用vant UI框架在微信小程序中实现滑动删除效果。通过引入'van-swipe-cell'组件，并结合vant提供的操作方法，轻松完成滑动删除功能。

摘要由CSDN通过智能技术生成

滑动效果和删除操作

在这里插入图片描述
vant ui 框架地址 https://youzan.github.io/vant/#/zh-CN/

这个是一个vant 框架做的

vatn 微信小程序滑动删除的vant 框架地址
[添加链接描述] https://youzan.github.io/vant/#/zh-CN/

1：在vant上面引入 “van-swipe-cell”: “@vant/weapp/swipe-cell/index”,

"usingComponents": {
   
    "van-icon": "@vant/weapp/icon/index", 
    "wrkPopup": "/components/wrkPopup/wrkPopup",
    "van-swipe-cell": "@vant/weapp/swipe-cell/index",
    "van-dialog": "@vant/weapp/dialog/index"
   
  },

2：vant里面的滑动的操作方法直接使用
<van-swipe-cell right-width="{ {65}}" left-width={ {14}}">

	<van-swipe-cell right-width="{
   {65}}" left-width="{
   {14}}">
		<van-cell-group>
			<!-- img 内容 -----button 价格的大盒子 -->
			<view class="wrk_img">
				<