ve-list 列表
功能描述
- 最基础的列表展示,可承载文字、列表、图片、段落,常用于后台数据展示页面。
Api
效果图
<ve-list v-for="(item, index) in _list" :key="index" :data="item" type="list3">
<template #operation>
<el-link :underline="false" size="mini" type="primary">修改</el-link>
<el-link :underline="false" size="mini" type="primary">更多</el-link>
</template>
<template #image>
<el-image :src="item.image || '/img/default.png'" class="custom-image" fit="cover"></el-image>
</template>
</ve-list>
属性
属性名 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
list | 列表信息 | array | - | - |
list:avatar | 头像地址 | string | - | /img/default.png |
list:name | 名称 | string | - | - |
list:desc | 描述 | string | - | - |
list:content | 内容 | string | - | - |
type | 列表类型 | string | list1,list2,list3 | list1 |
Slots
名称 | 详情 |
---|---|
operation | 操作扩展 |
image | 图片扩展 |
Assets
插件市场:ve-list 列表
源码:Github
源码:Gitee
组件库演示地址
Warn
- 该组件是基于element-plus开发,需要在此基础上使用。