Slidbtn 滑动操作

import { Slidbtn } from 'feui';
components: {
  [Slidbtn.name]: Slidbtn,
},
data() {
  return {
  };
}
methods: {
  
}

代码演示

正经用法

<fe-slidbtn :right-width="65" :left-width="65" @on-click-left='clickLeft'
  @on-click-right='clickRight' >
  <span slot="left" >选择</span>
  <fe-group>
    <fe-cell title="单元格1" value="单元格1内容"></fe-cell>
  </fe-group>
  <span slot="right" >删除</span>
</fe-slidbtn>

自定义按钮颜色

<fe-slidbtn :right-width="65" :left-width="65" :bg-color="['green','red']"
  @on-click-left='clickLeft' @on-click-right='clickRight'>
  <span slot="left" >选择</span>
  <fe-group>
    <fe-cell title="单元格1" value="单元格1内容"></fe-cell>
  </fe-group>
  <span slot="right" >删除</span>
</fe-slidbtn>

只能左滑

<fe-slidbtn :right-width="65" @on-click-left='clickLeft' @on-click-right='clickRight' >
  <fe-group>
    <fe-cell title="单元格1" value="单元格1内容"></fe-cell>
  </fe-group>
  <span slot="right" >删除</span>
</fe-slidbtn>

只能右滑

<fe-slidbtn :left-width="65" @on-click-left='clickLeft' @on-click-right='clickRight' >
  <span slot="left" >选择</span>
  <fe-group>
    <fe-cell title="单元格1" value="单元格1内容"></fe-cell>
  </fe-group>
</fe-slidbtn>

API

Slots

Events