From 58eaf5763343e5a7b319d1cbd1d8c9d54993594a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BF=99=E4=B9=88=E8=AF=9A=E5=AE=9E?= Date: Thu, 16 Nov 2023 15:31:04 +0800 Subject: [PATCH] =?UTF-8?q?=E3=80=90=E6=96=B0=E5=A2=9E=E3=80=91=E5=8D=A1?= =?UTF-8?q?=E7=89=87=E5=88=97=E8=A1=A8=E7=BB=84=E4=BB=B6=EF=BC=9AXnCardLis?= =?UTF-8?q?t?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/components/XnCardList/README.md | 62 +++++++++++ .../src/components/XnCardList/index.vue | 105 ++++++++++++++++++ 2 files changed, 167 insertions(+) create mode 100644 snowy-admin-web/src/components/XnCardList/README.md create mode 100644 snowy-admin-web/src/components/XnCardList/index.vue diff --git a/snowy-admin-web/src/components/XnCardList/README.md b/snowy-admin-web/src/components/XnCardList/README.md new file mode 100644 index 00000000..e1b17a1e --- /dev/null +++ b/snowy-admin-web/src/components/XnCardList/README.md @@ -0,0 +1,62 @@ +# 小诺卡片列表的组件 + +## 说明 + +### 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 | diff --git a/snowy-admin-web/src/components/XnCardList/index.vue b/snowy-admin-web/src/components/XnCardList/index.vue new file mode 100644 index 00000000..9b95dcc3 --- /dev/null +++ b/snowy-admin-web/src/components/XnCardList/index.vue @@ -0,0 +1,105 @@ + + + + +