单元格 (bui-cell)

bui-cell 可用于表单展示，也可以用在列表中，一个单元格分为 4个内容区域：

用法

  1. <bui-cell title="文字内容" label="标题" desc="描述信息"></bui-cell>
    2. <bui-cell label="公司名称" >
    3.     <input slot="title" class="input" placeholder="请输入公司名称" />
    4. </bui-cell>
    5.   6. <bui-cell title="标题文字" @cellClick="cellClick" :cellStyle="cellStyle">
    7.    <bui-icon slot="action" name="ion-ios-arrow-right"></bui-icon>
    8. </bui-cell>
    9.   10. <bui-cell title="标题文字"  :cellStyle="cellStyle">
    11.     <bui-icon slot="label" style="margin-right: 10px" name="ion-ios-cloud-upload-outline"></bui-icon>
    12.     <bui-icon slot="action" name="ion-ios-arrow-right"></bui-icon>
    13. </bui-cell>
    14.   15. <bui-cell :cellStyle="cellStyle" label="开发者选项">
    16.     <switch checked="true"></switch>
    17. </bui-cell>

Example: bui-cell-demo

属性