codecamp

微信小程序 WeUI·Cells

Cells

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

引入组件

在 page.json 中引入组件

{
  "usingComponents": {
    "mp-cell": "../../components/cell/cell",
    "mp-cells": "../../components/cells/cells"
  }
}

示例代码

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

属性列表

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

Slot

名称描述
默认内容slot


微信小程序 WeUI·Cell
微信小程序 WeUI·Checkbox-group
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

微信小程序 指南

目录结构

开放能力

微信小程序 调试

微信小程序 实时日志

微信小程序 小程序测速

微信小程序 基础组件

微信小程序 API

媒体

界面

微信小程序API 绘图

微信小程序 服务端

接口调用凭证

统一服务消息

微信小程序 服务市场

微信小程序 生物认证

微信小程序 云开发

服务端

微信小程序云开发服务端API 数据库

SDK文档

微信小程序 扩展能力

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }