<list>
的子组件,用来展示列表具体 item,宽度默认充满 list 组件
支持
支持通用属性
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
type | <string> | - | 是 | list-item 类型,值为自定义的字符串,如'loadMore'。相同的 type 的 list-item 必须具备完全一致的 DOM 结构。因此,在 list-item 内部需谨慎使用 if 和 for,因为 if 和 for 可能造成相同的 type 的 list-item 的 DOM 结构不一致,从而引发错误 |
disallowintercept 1100+ | <boolean> | false | 否 | 不允许 list 组件拦截点击事件。true 为不允许,false 为允许 |
支持<div>样式
不支持 position 样式,支持通用样式
名称 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
column-span | <number> | 1 | 否 | list-item 在 list 中所占列数,一般用于 list 多列显示时。 |
注:
正常情况下,list-item
的column-span
数值应小于等于其父组件list
的columns
数值,请开发者留意
1070 版本开始,list 组件支持配置样式layout-type
,可选属性值:stagger
、grid(默认)
当layout-type
为stagger
时:若list-item
的column-span
数值等于其父组件list
的columns
数值,表示占满所有列;否则,list-item 组件将表现为column-span: 1
的样式
当没有指定layout-type
或layout-type
为grid
时:若list-item
的column-span
数值小于等于其父组件list
的columns
数值,则表现为占有column-span
列宽度的样式;否则,list-item 组件将表现为column-span: 1
的样式
支持通用事件
查看示例代码
正确使用组件 list-item,参见list 教程