2018-09-19 01:11:09 +08:00
|
|
|
---
|
|
|
|
|
title: CellItem 单元格
|
2019-01-29 16:31:24 +08:00
|
|
|
preview: https://didi.github.io/mand-mobile/examples/#/cell-item
|
2018-09-19 01:11:09 +08:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
列表用于展现并列层级的信息内容，列表可承载功能入口、功能操作、信息展示等功能。
|
|
|
|
|
|
|
|
|
|
### 引入
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
import { CellItem } from 'mand-mobile'
|
|
|
|
|
|
|
|
|
|
Vue.component(CellItem.name, CellItem)
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
### 代码演示
|
|
|
|
|
<!-- DEMO -->
|
|
|
|
|
|
|
|
|
|
### API
|
|
|
|
|
|
|
|
|
|
#### CellItem Props
|
|
|
|
|
|属性 | 说明 | 类型 | 默认值|备注|
|
|
|
|
|
|----|-----|------|------|------|
|
|
|
|
|
|title|标题|String|-|-|
|
|
|
|
|
|brief|描述文案|String|-|-|
|
|
|
|
|
|addon|附加文案|String|-|-|
|
2018-11-19 18:59:56 +08:00
|
|
|
|disabled|是否禁用项目|Boolean|`false`|-|
|
|
|
|
|
|arrow|动作箭头标识|Boolean|`false`|-|
|
2018-12-13 20:00:06 +08:00
|
|
|
|no-border|去除边框|Boolean|`false`|-|
|
2018-09-19 01:11:09 +08:00
|
|
|
|
|
|
|
|
#### CellItem Events
|
|
|
|
|
##### @click(event)
|
|
|
|
|
非禁用状态下的点击事件
|
|
|
|
|
|
|
|
|
|
#### CellItem Slots
|
|
|
|
|
|
|
|
|
|
##### default
|
|
|
|
|
内容默认插槽
|
|
|
|
|
|
2018-09-20 16:10:28 +08:00
|
|
|
##### left
|
|
|
|
|
起始区域插槽
|
2018-09-19 01:11:09 +08:00
|
|
|
|
2018-09-20 16:10:28 +08:00
|
|
|
##### right
|
2018-09-19 01:11:09 +08:00
|
|
|
末尾附加内容插槽
|
|
|
|
|
|
|
|
|
|
##### children
|
|
|
|
|
额外内容插槽
|
