snowy/snowy-admin-web/src/components/XnCardList
小诺 4f9de9fc9a 【更新】前端依赖大升级,业务代码等多处优化调整,完全去掉以往this.xxx等语法。 2023-12-31 13:06:54 +08:00
..
README.md 【新增】卡片列表组件:XnCardList 2023-11-16 15:31:04 +08:00
index.vue 【更新】前端依赖大升级,业务代码等多处优化调整,完全去掉以往this.xxx等语法。 2023-12-31 13:06:54 +08:00

README.md

小诺卡片列表的组件

说明

props定义

序号 编码 类型 说明 示例
1 grid Object grid布局 and-design定义Grid栅格
2 dataSource Array 数据源 dataSource字段定义
3 page Object 分页 page字段定义
4 actions Array 操作数组 action字段定义
5 loading Boolean 加载中提示 -

dataSource字段定义

序号 编码 类型 说明 示例
1 title String 标题 设备编码
2 subTitle String 副标题 设备名称
3 img String 图片
4 contents Array 内容 content字段定义
5 badge Object 徽标 badge字段定义
6 record Object 数据记录emit触发回调参数

content字段定义

序号 编码 类型 说明 示例
1 label String 标签 所属产品
2 value Object 透传

badge字段定义

序号 编码 类型 说明 示例
1 text String 标签 所属产品
2 color String 颜色 ant-design定义预设、自定义

action字段定义

序号 编码 类型 说明 示例
1 key String setting
2 label String 标签 所属产品
3 icon String 图标 setting
4 color String 颜色 red

page字段定义

序号 编码 类型 说明 示例
1 current Number 当前页 1
2 size Number 每页大小 6
3 total Number 总数 0

emits定义

序号 方法名 参数类型 参数示例
1 action Object {key: 'edit', record:{...}}
2 page-change Number 1