快应用 list-item组件
2020-08-08 11:48 更新
概述
<list>的子组件，用来展示列表具体 item，宽度默认充满 list 组件
子组件
支持
属性
支持 通用属性
| 名称 | 类型 | 默认值 | 必填 | 描述 | ||||
|---|---|---|---|---|---|---|---|---|
| type | <string>
|
- | 是 | list-item 类型，值为自定义的字符串，如'loadMore'。相同的 type 的 list-item 必须具备完全一致的 DOM 结构。因此，在 list-item 内部需谨慎使用 if 和 for，因为 if 和 for 可能造成相同的 type 的 list-item 的 DOM 结构不一致，从而引发错误 | ||||
样式
支持<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-item，参见 list 教程
以上内容是否对您有帮助：
更多建议：