Cells

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

Cells - 图1

代码引入

在 page.json 中引入组件

  1. {
  2. "usingComponents": {
  3. "mp-cells": "weui-miniprogram/cells/cells",
  4. "mp-cell": "weui-miniprogram/cell/cell"
  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