1、先引入vant组件库,vant原生popup弹出层是点击触发,因为这里要做的是滑动触发,所以只用pupop内容组件
2、然后根据vant文档给弹窗加上一些样式
3、设置获取横向滑动起始点方法并给最大的父盒子绑定
4、定义事件判断滑动的方向并改变弹窗双向绑定的布尔值
5、完整代码
6、效果图
1、先引入vant组件库,vant原生popup弹出层是点击触发,因为这里要做的是滑动触发,所以只用pupop内容组件
2、然后根据vant文档给弹窗加上一些样式
3、设置获取横向滑动起始点方法并给最大的父盒子绑定
4、定义事件判断滑动的方向并改变弹窗双向绑定的布尔值
5、完整代码
6、效果图