在线直播源码，对话框左滑显示删除按钮

在线直播源码，对话框左滑显示删除按钮实现的相关代码

1.首先需要在我们的app.json文件指定需要引用的扩展库

 

 "useExtendedLib": {
    "weui": true
  },

​

 2.在页面的 json 文件加入 usingComponents 配置字段

 

{
  "usingComponents": {
    "mp-slideview": "weui-miniprogram/slideview/slideview"
  }
}

 

3.在对应页面的wxml页面中使用此组件

 

   用mp-slideview组件包裹住。item的布局。则item整体可以实现左滑删除功能。给组件加上对应的事件处理函数bindbuttontap,则对应左滑点击删除后的事件处理
  <mp-slideview wx:for="{{fpList}}" show="{{false}}" buttons="{{slideButtons}}" bindbuttontap="slideButtonTap">
    <!-- 每个item的view -->
    <view class="column itemPad whiteBg borbottom " style="width:100%;justify-content: space-between;">
    </view>
  </mp-slideview>

以上就是 在线直播源码，对话框左滑显示删除按钮实现的相关代码，更多内容欢迎关注之后的文章