Cell 列表项请使用手机扫码体验

列表项,可组成列表。

基本用法

  1. html
    <nut-cell
  2. title = "左侧主标题"
  3. subTitle = "左侧副标题"
  4. desc = "右侧描述文字"
  5. :showIcon = "true"
  6. >
  7. </nut-cell>

isLink值为true时有点击状态。

  1. html
    <nut-cell
  2. :isLink = "true"
  3. title = "左侧主标题"
  4. subTitle = "左侧副标题"
  5. desc="右侧描述文字">
  6. </nut-cell>

设置linkUrl,点击可跳转。

  1. html
    <nut-cell
  2. :isLink = "true"
  3. linkUrl = http://m.jd.com"
  4. title = "左侧主标题"
  5. subTitle = "左侧副标题"
  6. desc="右侧描述文字">
  7. </nut-cell>

Prop

字段说明类型默认值
title左侧主slotString-
subTitle左侧副slotString-
desc右侧slotString-
isLink是否是链接Booleanfalse
linkUrl链接UrlString-
showIcon是否展示右侧箭头IconBooleanfalse
bgColor背景颜色String"#FFFFFF"