Cell

Cell是列表或者是表单的一项,常用于设置页的展示,或者用在表单中,作为表单的每一个要填写的项,Cell必须要放在Cells组件的下面。

代码引入

在 page.json 中引入组件

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

示例代码

属性列表

属性类型默认值必填说明
ext-classstring添加在组件内部结构的class,可用于修改组件内部的样式
iconstringCell的最左侧的icon,是本地图片的路径,icon和名为icon的slot互斥
titlestringCell最左侧的标题,一般用在Form表单组件里面,icon和title二选一,title和名为title的slot互斥
hoverbooleanfalse是否有hover效果
linkbooleanfalse右侧是有跳转的箭头,v1.0后的版本,link: true 会自带 hover 效果
valuestringCell的值,和默认的slot互斥
show-errorbooleanfalse用在Form表单组件里面,在表单校验出错的时候是否把Cell标为warn状态
propstring用在Form表单组件里面,需要校验的表单的字段名
footerstringCell右侧区域的内容,和名为footer的slot互斥
inlineboolean用在Form表单组件里面,表示表单项是左右显示还是上下显示

Slot

名称描述
icon左侧图标slot
title标题slot
默认内容slot
footer右侧区域slot