slide-view 微信小程序官方左滑删除组件

github 地址： slide-view
使用方法

安装 slide-view

npm install --save miniprogram-slide-view

在需要使用 slide-view 的页面 page.json 中添加 slide-view 自定义组件配置

{"usingComponents": {"slide-view": "miniprogram-slide-view"}
}

WXML 文件中引用 slide-view

<slide-view class="slide" width="320" height="100" slideWidth="200"><view slot="left">这里是插入到组内容</view><view slot="right"><view>标为已读</view><view>删除</view></view>
</slide-view>

slide-view的属性介绍如下：

属性名	类型	单位	默认值	是否必须	说明
width	Number	rpx	显示屏幕的宽度	是	slide-view组件的宽度
height	Number	rpx	0	是	slide-view组件的高度
slide-width	Number	rpx	0	是	滑动展示区域的宽度（默认高度与slide-view相同）

slide-view 微信小程序官方左滑删除组件相关推荐

微信小程序实现左滑删除
wxml代码: <view class="global"><movable-area class="area"><movable- ...
微信小程序 - 实现左滑动删除功能
微信小程序 - 实现左滑动删除功能效果图: 实现过程: 一.wxml布局这里我是先用了一个大盒子包裹小盒子,然后小盒子里面进行左右布局(左边为内容部分,右边为删除按钮)的方式实现的 <vie ...
uniapp 小程序封装左滑效果组件
uniapp 小程序封装左滑效果组件引言封装组件页面使用注意事项引言小程序电商项目购物车,往往都会有左滑删除功能,在不想使用插件的前提下,就需要自己编写,因此我个人写了一个左滑效果组件封 ...
微信小程序日历左滑右滑特效
自己写了个小程序左滑右滑的特效,可以用来左右切换日历,日历的渲染很简单,参考电脑的日历位置摆放好即可,在此我只写出滑动特效的代码,以供参考. 一.datepicker.wxml的页面结构 <vi ...
原生小程序实现左滑触线删除按钮
原生小程序实现左滑触线删除按钮效果 wxml js wxss 注意⚠️ 效果 wxml  <view class="data_view" ...
小程序秒杀活动服务器,微信小程序官方上线张大仙周年活动，人数太多把服务器弄崩溃了...
原标题:微信小程序官方上线张大仙周年活动,人数太多把服务器弄崩溃了说起如今人气最旺的<王者荣耀>主播,莫过于就是靠着一手"素质直播"走遍天下的张大仙了.之前由于一些合 ...
微信小程序官方调整头像昵称获取问题；微信扫码链接wifi，wifi地推，两种可行的解决方案
微信小程序官方调整头像昵称获取问题:微信扫码链接wifi,wifi地推更新时间:2022年11月9日由于 PC/macOS 平台「头像昵称填写能力」存在兼容性问题,对于来自低于2.27.1版本的访 ...
wx.getFuzzyLocation BUG 微信小程序官方BUG 临时处理办法
20220720处理getFuzzyLocation 微信小程序官方BUG 临时办法微信小程序发布了最新的地理位置获取为背景几乎不可能申请到原有的getLocation 但是getFuzzyLoc ...
微信小程序官方接口生成带参数二维码
最近在做一个点餐项目需要生成带参数的二维码供顾客扫码点餐,网上有用许多二维码生成器,比如"草料二维码生成器",但是我还是偏爱用微信小程序官方提供的接口来实现. 首先贴一个文档地址, ...

slide-view 微信小程序官方左滑删除组件

slide-view 微信小程序官方左滑删除组件相关推荐

最新文章

热门文章