From 49faed6767df54f548dff15a538a28fcfe824013 Mon Sep 17 00:00:00 2001 From: JINGYJ <1458671527@qq.com> Date: Wed, 17 Jan 2024 17:45:23 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=A8=A1=E5=9E=8B=E5=88=97=E8=A1=A8?= =?UTF-8?q?=E6=A8=A1=E5=9D=97=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 4 +- src/assets/model_header.png | Bin 0 -> 16125 bytes src/assets/svg/model/model_OCR.png | Bin 0 -> 15770 bytes src/assets/svg/model/model_OCR.svg | 9 ++ src/assets/svg/model/model_colour.png | Bin 0 -> 13349 bytes src/assets/svg/model/model_colour.svg | 9 ++ src/assets/svg/model/model_mark.png | Bin 0 -> 15789 bytes src/assets/svg/model/model_mark.svg | 9 ++ src/router/modules/model.ts | 12 ++ src/views/device/index.vue | 12 +- src/views/modelList/components/ModelCard.vue | 138 ++++++++++++++++++ src/views/modelList/components/static.ts | 5 + src/views/modelList/index.vue | 114 +++++++++++++++ .../serverModule/components/ServerCard.vue | 2 +- src/views/serverModule/index.vue | 10 +- 15 files changed, 310 insertions(+), 14 deletions(-) create mode 100644 src/assets/model_header.png create mode 100644 src/assets/svg/model/model_OCR.png create mode 100644 src/assets/svg/model/model_OCR.svg create mode 100644 src/assets/svg/model/model_colour.png create mode 100644 src/assets/svg/model/model_colour.svg create mode 100644 src/assets/svg/model/model_mark.png create mode 100644 src/assets/svg/model/model_mark.svg create mode 100644 src/router/modules/model.ts create mode 100644 src/views/modelList/components/ModelCard.vue create mode 100644 src/views/modelList/components/static.ts create mode 100644 src/views/modelList/index.vue diff --git a/index.html b/index.html index cecee51..7392f6d 100644 --- a/index.html +++ b/index.html @@ -18,10 +18,10 @@ /> pure-admin-thin - + + + + + diff --git a/src/views/modelList/components/static.ts b/src/views/modelList/components/static.ts new file mode 100644 index 0000000..5ffd864 --- /dev/null +++ b/src/views/modelList/components/static.ts @@ -0,0 +1,5 @@ +import model_OCR from "@/assets/svg/model/model_OCR.png"; +import model_mark from "@/assets/svg/model/model_mark.png"; +import model_colour from "@/assets/svg/model/model_colour.png"; + +export { model_OCR, model_mark, model_colour }; diff --git a/src/views/modelList/index.vue b/src/views/modelList/index.vue new file mode 100644 index 0000000..705b8b2 --- /dev/null +++ b/src/views/modelList/index.vue @@ -0,0 +1,114 @@ + + + diff --git a/src/views/serverModule/components/ServerCard.vue b/src/views/serverModule/components/ServerCard.vue index 913e19f..93abd60 100644 --- a/src/views/serverModule/components/ServerCard.vue +++ b/src/views/serverModule/components/ServerCard.vue @@ -3,7 +3,7 @@ import { computed, PropType, ref } from "vue"; import { AnimationPic } from "@/components/AnimationCard"; import serverIcon from "@/assets/animate/device/server.json"; defineOptions({ - name: "DeviceCard" + name: "ServerCard" }); interface CardProductType { diff --git a/src/views/serverModule/index.vue b/src/views/serverModule/index.vue index 9f00e0c..8fabf0e 100644 --- a/src/views/serverModule/index.vue +++ b/src/views/serverModule/index.vue @@ -93,10 +93,10 @@ onMounted(() => { v.deviceSort.toLowerCase().includes(searchValue.toLowerCase()) )" :key="index" - :xs="6" - :sm="6" - :md="6" - :lg="6" + :xs="24" + :sm="24" + :md="12" + :lg="8" :xl="4" > @@ -104,7 +104,7 @@ onMounted(() => {