Mint UI 可滑动的单元格-Cell Swipe

2021-09-06 15:20 更新
可滑动的单元格,用法同 ​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 自定义图标


实例演示

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号