小程序扩展组件 sildeview 左滑删除的使用

npm安装
  npm init 初始化

  npm i weui-miniprogram -S --production 安装weui组件库

然后在微信开发工具中构建npm

在根目录下的app.wxss中引入下面代码

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

json 文件加入 usingComponents 配置字段

        "usingComponents": {

                 "mp-slideview": "weui-miniprogram/slideview/slideview"

}

mp-slideview组件套在需要滑动删除操作的盒子即可

示例：<mp-slideview buttons="{{slideButtons}}" bindtap="slideButtonTap">

                <box></box>

           </mp-slideview>

       

slideButtons所需数据结构形式：

type：按钮的类型，取值default和warn，warn  是红色按钮

text：按钮的文本

src: '/page/weui/cell/icon_love.svg'    icon的路径

文档还有更多可设置的具体参数： Slideview | wechat-miniprogram / weui