閱讀(7k) 書簽贊(0) 我要糾錯(cuò)

Mint UI 可滑動(dòng)的單元格-Cell Swipe

2021-09-06 15:20 更新

可滑動(dòng)的單元格，用法同 ?cell?。

引入

import { CellSwipe } from 'mint-ui';

Vue.component(CellSwipe.name, CellSwipe);

例子

增加右滑動(dòng)按鈕

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

?content? 可以是 ?HTML? 或者純文本。

API

參數(shù)	說明	類型	可選值
icon	圖標(biāo)	String	back, more
title	標(biāo)題	String
to	跳轉(zhuǎn)鏈接	String
value	內(nèi)容	*
label	備注信息，顯示在標(biāo)題下方	String
is-link	鏈接，會(huì)顯示箭頭圖標(biāo)。搭配 to 屬性使用	Boolean
left	按鈕組, `{ content, style, handler }`	Object[]
right	按鈕組, `{ content, style, handler }`	Object[]