# Swipeout
# 介绍
可以向左滑动来展示操作按钮的组件。
# 引入
"usingComponents": {
"m-swipeout": "mind-ui-weapp/swipeout/index"
}
# 示例
<m-swipeout
data-id="{{ id }}"
auto-close
bind:click="handleClick"
bind:open="handleOpen"
bind:close="handleClose"
bind:change="handleChange"
>
<view class="demo-content">
slot
</view>
<view class="btn-group" slot="button">
slot="button"
</view>
</m-swipeout>
Page({
data: {
id: 1
},
// 点击事件
handleClick(e) {
// e.detail
},
// 当前组件实例
handleChange(e) {
}
})
# Properties
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| async-close | 是否异步关闭 | Boolean | false |
# Slot
| 名称 | 说明 |
|---|---|
| — | 自定义展示内容 |
| button | 自定义滑动块内容 |
# Events
| 事件名称 | 说明 | 回调参数 |
|---|---|---|
| $close | 关闭实例 | — |
| bind:open | 打开时触发 | 当前组件实例 |
| bind:close | 关闭时触发 | 当前组件实例 |
| bind:change | 打开或关闭时触发 | 当前组件实例 |
| bind:click | 点击时触发 | — |