左划展示操作按钮,例如删除、收藏等按钮。
示例
<nut-sideslipbutton
@slide-left="slideLeft"
@slide-right="slideRight"
@slide-no="slideNo"
during="0.2"
customClass="aaaaa">
<div slot="slidedom" class="slidedom">
<div class="addr">
<p class="name-mobile">159****8888</p>
<p class="full-addr">北京市大兴区亦庄经济开发中心京东大厦B座</p>
</div>
<a class="addr-edit" href="javascript:void(0)"></a>
</div>
<div slot="slideoper" class="slideoper">删除/收藏</div>
</nut-sideslipbutton>
Props
参数 | 说明 | 类型 | 默认值 | 可选值/备注 |
---|
during | 缓动效果时长 | Number | 1 | 单位是s |
isClickRestore | 是否在点击的时候恢复原状 | Boolean | true | true/false |
customClass | 自定义样式名 | String | | |
Events
事件名 | 说明 | 回调参数 |
---|
slide-left | 左划时触发事件 | — |
slide-right | 右划时触发事件 | — |
slide-no | 点击时触发事件 | — |