使用指南
import { Cell, CellItem } from 'border-ui';
Vue.component(Cell.name, Cell);
Vue.component(CellItem.name, CellItem);
TIP
Cell组件一般会成组的出现，由一个Cell包裹着多个CellItem来使用。
基础用法
带value
带value + 带链接
isLink属性给item加上右侧箭头，同时会有点击背景高亮效果。
clickable属性同样会有点击背景高亮效果，但它不会有右侧箭头。
带icon图标
不带边框
自定义value
如你所见，使用slotvalue就可以将任意内容插入右侧位置。
API
CellItem
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | cell-item的名称 | String | |
| value | cell-item右侧显示内容 | String | |
| isLink | 是否作为链接显示(右侧有箭头+点击背景高亮) | Boolean | false |
| clickable | 是否可点击(点击背景高亮) | Boolean | False |
| icon | cell-item左侧icon图标 | Boolean | False |
Cell
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| no-border | cell无上下边框 | Boolean | false |