Cell

单元格,可用作列表信息展示

引入

import MpCell from 'mp-weui/packages/cell'

export default {
  components: {
    MpCell
  }
}

提示

必须与 CellGroup 配合使用。

示例

带说明的列表项

<mp-cell-group title="带说明的列表项">
  <mp-cell
    content="标题文字"
    label="说明文字"
  />
</mp-cell-group>

带图标、说明的列表项

<mp-cell-group title="带图标、说明的列表项">
  <mp-cell
    :icon-src="icon"
    content="标题文字"
    label="说明文字"
  />
</mp-cell-group>

带跳转的列表项

<mp-cell-group title="带跳转的列表项">
  <mp-cell
    content="标题文字"
    href="/weui"
  />
</mp-cell-group>

特别说明

由于 mpvue 暂不支持组件嵌套,所以上述方式暂不适用,具体使用请参考示例代码

Props

content

  • Type: string

显示内容。

href

  • Type: string

跳转链接。

iconSrc

  • Type: string

图标链接。

label

  • Type: string

说明文字。

Events

click

  • Parameter: $event

点击事件。