ListItem 列表内容
使用指南
import { List } from 'fs-ui'
export default {
components: {
fsListItem: ListItem
}
}
1
2
3
4
5
6
7
2
3
4
5
6
7
代码演示
- 文字
<fs-list-item
:title="list.title"
:describe="list.describe"
@click="handleClick">
</fs-list-item>
1
2
3
4
5
2
3
4
5
- 图文
<fs-list-item
:title="list.title"
:describe="list.describe"
:img="list.img">
</fs-list-item>
1
2
3
4
5
2
3
4
5
- 左右列表
<fs-list-item
:title="list2.title"
:describe="list2.name"
:right-title="list2.money"
:right-describe="list2.createTime"
:img="list2.avatar"
type="symmetry"
circle>
</fs-list-item>
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| title | 标题 | String | - |
| describe | 描述 | String | - |
| right-title | 右侧标题(可选) | String | - |
| right-describe | 右侧描述 (可选) | String | - |
| img | 图片地址(可选) | String | - |
| circle | 图片是否显示圆形 | Boolean | - |
| type | 列表类型 graphics(图文) symmetry（左右） | String | graphics |