# list-item

手机 手表

# 概述

<list>的子组件,用来展示列表具体 item,宽度默认充满 list 组件

# 子组件

支持

# 属性

支持通用属性

名称 类型 默认值 必填 描述
type <string> - list-item 类型,值为自定义的字符串,如'loadMore'。相同的 type 的 list-item 必须具备完全一致的 DOM 结构。因此,在 list-item 内部需谨慎使用 if 和 for,因为 if 和 for 可能造成相同的 type 的 list-item 的 DOM 结构不一致,从而引发错误
disallowintercept 手表不支持 <boolean> false 不允许 list 组件拦截点击事件。true 为不允许,false 为允许

# 样式

支持<div>样式

不支持 position 样式,支持通用样式

名称 类型 默认值 必填 描述
column-span 手表不支持 <number> 1 list-item 在 list 中所占列数,一般用于 list 多列显示时。

正常情况下,list-itemcolumn-span数值应小于等于其父组件listcolumns数值,请开发者留意

1070 版本开始,list 组件支持配置样式layout-type,可选属性值:staggergrid(默认)

  • layout-typestagger时:若list-itemcolumn-span数值等于其父组件listcolumns数值,表示占满所有列;否则,list-item 组件将表现为column-span: 1的样式

  • 当没有指定layout-typelayout-typegrid时:若list-itemcolumn-span数值小于等于其父组件listcolumns数值,则表现为占有column-span列宽度的样式;否则,list-item 组件将表现为column-span: 1的样式

# 事件

支持通用事件

# list-item   示例代码

查看示例代码 (opens new window)