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ù) 說明 類型 可選值 默認(rèn)值
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[]

Slot

name 描述
- 自定義顯示內(nèi)容
title 自定義標(biāo)題
icon 自定義圖標(biāo)


實(shí)例演示

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)