From f4013324f514e8b2b772d352f63bbb16513ed9d4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= <chen.yuda@ebiz-digits.com>
Date: Mon, 3 Mar 2025 16:19:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=20Design=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除了未使用的 CSS 样式
-优化了组件的导入方式
- 调整了 Store 的引用
- 清理了不必要的注释
---
 components.d.ts            |  2 +-
 src/assets/css/main.scss   | 15 ---------------
 src/views/Design/Index.vue | 34 +++++++++++++---------------------
 3 files changed, 14 insertions(+), 37 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index 059f393..4481d2a 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -2,7 +2,7 @@
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
-export {}
+export {};
 
 /* prettier-ignore */
 declare module 'vue' {
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
index 3cd778c..ad6f491 100644
--- a/src/assets/css/main.scss
+++ b/src/assets/css/main.scss
@@ -31,18 +31,3 @@ a,
 .flex-start {
   justify-content: flex-start;
 }
-
-// 宽度设置
-@include set-width($width-list);
-
-// 宽度设置
-@include set-height($width-list);
-
-// 间距设置
-@include set-distance($distance-class-list, $distance-list);
-
-//圆角弧度设置
-@include set-radius($radius);
-
-//透明度设置
-@include set-opacity($opacity);
diff --git a/src/views/Design/Index.vue b/src/views/Design/Index.vue
index b053cc9..692a66e 100644
--- a/src/views/Design/Index.vue
+++ b/src/views/Design/Index.vue
@@ -35,29 +35,13 @@
   </div>
 </template>
 <script setup>
-import { defineAsyncComponent, ref, onMounted } from 'vue';
+import { ref, onMounted } from 'vue';
 import { useCounterStore } from '@/stores/counter';
 import { storeToRefs } from 'pinia';
-// 获取 Store 实例
-const counterStore = useCounterStore();
-// 修改访问方式
-const store = storeToRefs(counterStore);
-// import 组件
-const Draggable = defineAsyncComponent(() => {
-  return import('./components/Draggable.vue');
-});
-const BaseSelect = defineAsyncComponent(() => {
-  return import('./components/Questions/BaseSelect.vue');
-});
-const ChooseQuestion = defineAsyncComponent(() => {
-  return import('./components/ChooseQuestion.vue');
-});
-const Paging = defineAsyncComponent(() => {
-  return import('./components/Questions/paging/Paging.vue');
-});
-
-const chooseQuestionId = ref('');
-const questionInfo = ref(storeToRefs(counterStore).questionsInfo);
+import Draggable from './components/Draggable.vue';
+import BaseSelect from './components/Questions/BaseSelect.vue';
+import ChooseQuestion from './components/ChooseQuestion.vue';
+import Paging from './components/Questions/paging/Paging.vue';
 /**
  * 工具函数
  */
@@ -104,10 +88,18 @@ function util() {
   };
 }
 const { pageIsActive } = util();
+// 获取 Store 实例
+const counterStore = useCounterStore();
+const store = storeToRefs(counterStore);
+
+const chooseQuestionId = ref('');
+const questionInfo = ref(store.questionsInfo.value);
+
 // 获取选中的题目的ID
 const getChooseQuestionId = (questionItem) => {
   chooseQuestionId.value = questionItem.id;
 };
+
 onMounted(() => {
   questionInfo.value = store.questionsInfo.value;
 });