Mint UI 單元格-Cell

單元格，可用作展示列表信息、鏈接或者表單等。

引入

import { Cell } from 'mint-ui';

Vue.component(Cell.name, Cell);

例子

基礎(chǔ)用法

<mt-cell title="標(biāo)題文字"></mt-cell>
<mt-cell title="標(biāo)題文字" value="說(shuō)明文字"></mt-cell>

可點(diǎn)擊的鏈接

<mt-cell
  title="標(biāo)題文字"
  to="http://github.com"
  is-link
  value="帶鏈接">
</mt-cell>

帶圖標(biāo)

<mt-cell title="標(biāo)題文字" icon="more" value="帶 icon"></mt-cell>

帶自定義圖標(biāo)

<mt-cell title="標(biāo)題文字">
  <span>icon 是圖片</span>
  <img slot="icon" src="../assets/100x100.png" width="24" height="24">
</mt-cell>

自定義內(nèi)容

<mt-cell title="標(biāo)題文字" is-link>
  <span style="color: green">這里是元素</span>
</mt-cell>

帶備注信息

<mt-cell title="標(biāo)題" label="描述信息" is-link></mt-cell>

API

Slot