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 8d3ff05..39f610f 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(() => {