• Cells
    • 引入组件
    • 示例代码
    • 属性列表
    • Slot

    Cells

    Cells是列表分组,常用于嵌套一组Cell或者Checkbox,注意,Checkbox-group和Cell组件都必须放在Cells组件下面,Cells效果如下图所示。

    Cells - 图1

    引入组件

    在 page.json 中引入组件

    1. {
    2. "usingComponents": {
    3. "mp-cell": "../../components/cell/cell",
    4. "mp-cells": "../../components/cells/cells"
    5. }
    6. }

    示例代码

    1. <!--WXML示例代码-->
    2. <mp-cells ext-class="my-cells" title="带说明的列表项">
    3. <mp-cell value="标题文字" footer="说明文字"></mp-cell>
    4. <mp-cell>
    5. <view>标题文字(使用slot)</view>
    6. <view slot="footer">说明文字</view>
    7. </mp-cell>
    8. </mp-cells>
    1. // page.js示例代码
    2. Page({
    3. });

    属性列表

    属性类型默认值必填说明
    ext-classstring添加在组件内部结构的class,可用于修改组件内部的样式
    titlestringCells的标题
    footerstringCells底部的文字

    Slot

    名称描述
    默认内容slot