可滑动的单元格 | Cell Swipe

Cell Swipe

可滑动的单元格，用法同 cell。

引入

import { CellSwipe } from 'mint-ui';

Vue.component(CellSwipe.name, CellSwipe

例子

增加右滑动按钮

<mt-cell-swipe
  title="标题文字"
  :right="[
    {
      content: 'Delete',
      style: { background: 'red', color: '#fff' },
      handler: () => this.$messagebox('delete')
    }
  ]"></mt-cell-swipe>

content 可以是 HTML 或者纯文本。

API

参数	说明	类型	可选值
icon	图标	String	back, more
title	标题	String
to	跳转链接	String
value	内容	*
label	备注信息，显示在标题下方	String
is-link	链接，会显示箭头图标。搭配 to 属性使用	Boolean
left	按钮组, { content, style, handler }	Object[]
right	按钮组, { content, style, handler }	Object[]

Slot

name	描述
-	自定义显示内容
title	自定义标题
icon	自定义图标