ve-list 列表

ve-list 列表

功能描述

1. 最基础的列表展示，可承载文字、列表、图片、段落，常用于后台数据展示页面。

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

1. 该组件是基于element-plus开发，需要在此基础上使用。

---