mand-mobile
Version:
A Vue.js 2.0 Mobile UI Toolkit
48 lines (34 loc) • 931 B
Markdown
title: CellItem 单元格
preview: https://didi.github.io/mand-mobile/examples/#/cell-item
列表用于展现并列层级的信息内容,列表可承载功能入口、功能操作、信息展示等功能。
### 引入
```javascript
import { CellItem } from 'mand-mobile'
Vue.component(CellItem.name, CellItem)
```
### 代码演示
<!-- DEMO -->
### API
#### CellItem Props
|属性 | 说明 | 类型 | 默认值|备注|
|----|-----|------|------|------|
|title|标题|String|-|-|
|brief|描述文案|String|-|-|
|addon|附加文案|String|-|-|
|disabled|是否禁用项目|Boolean|`false`|-|
|arrow|动作箭头标识|Boolean|`false`|-|
|no-border|去除边框|Boolean|`false`|-|
#### CellItem Events
##### @click(event)
非禁用状态下的点击事件
#### CellItem Slots
##### default
内容默认插槽
##### left
起始区域插槽
##### right
末尾附加内容插槽
##### children
额外内容插槽