SideslipButton


左划展示操作按钮,例如删除、收藏等按钮。

示例
  1. <nut-sideslipbutton
  2. @slide-left="slideLeft"
  3. @slide-right="slideRight"
  4. @slide-no="slideNo"
  5. during="0.2"
  6. customClass="aaaaa">
  7. <div slot="slidedom" class="slidedom">
  8. <div class="addr">
  9. <p class="name-mobile">159****8888</p>
  10. <p class="full-addr">北京市大兴区亦庄经济开发中心京东大厦B座</p>
  11. </div>
  12. <a class="addr-edit" href="javascript:void(0)"></a>
  13. </div>
  14. <div slot="slideoper" class="slideoper">删除/收藏</div>
  15. </nut-sideslipbutton>

Props
参数说明类型默认值可选值/备注
during缓动效果时长Number1单位是s
isClickRestore是否在点击的时候恢复原状Booleantruetrue/false
customClass自定义样式名String
Events
事件名说明回调参数
slide-left左划时触发事件
slide-right右划时触发事件
slide-no点击时触发事件