feat: 优化

.gitignore

@@ -19,6 +19,7 @@ coverage
 
 # Editor directories and files
 .idea
+.vscode
 *.suo
 *.ntvs*
 *.njsproj

.vscode/settings.json

@@ -2,7 +2,7 @@
   "explorer.confirmDelete": false,
   "editor.fontSize": 18,
   "workbench.editorAssociations": {
-  "*.ipynb": "jupyter.notebook.ipynb"
+    "*.ipynb": "jupyter.notebook.ipynb"
   },
   "window.zoomLevel": 1,
   "workbench.iconTheme": "vscode-icons",
@@ -32,13 +32,14 @@
     "editor.formatOnSave": true
   },
   "[vue]": {
-    "editor.defaultFormatter": "octref.vetur",
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true
   },
   "css.validate": false, //用来校验CSS文件中的语法错误和潜在的问题
   "less.validate": false, //用来校验LESS文件中的语法错误和潜在的问题
   "scss.validate": false, //用来校验SCSS文件中的语法错误和潜在的问题
-  "editor.codeActionsOnSave": {  // 用于在保存文件时自动执行代码操作
+  "editor.codeActionsOnSave": {
+    // 用于在保存文件时自动执行代码操作
     "source.fixAll.eslint": "explicit", // 自动执行ESlint
     "source.fixAll.stylelint": "explicit" // 自动执行stylelint
   },
@@ -54,15 +55,16 @@
     "xml",
     "gql",
     "graphql",
-    "astro",
+    "astro"
   ],
-  "eslint.nodePath": "./node_modules/@yl/yili-fe-lint-config/node_modules", // 指定ESLint可执行文件路径 
+  "eslint.nodePath": "./node_modules/@yl/yili-fe-lint-config/node_modules", // 指定ESLint可执行文件路径
-  "eslint.options": { // 用于配置
+  "eslint.options": {
+    // 用于配置
     "overrideConfigFile": "./node_modules/@yl/yili-fe-lint-config/eslintrc.vue3.js" //该选项指定了 ESLint 应使用的配置文件路径。此项设置会覆盖所有其他位置查找的 ESLint 配置文件。
   },
   "stylelint.configBasedir": "./node_modules/@yl/yili-fe-lint-config/", //该选项用于定义 Stylelint 配置文件所基于的基础目录。当您的配置文件中使用 extends、plugins 或其他引用时，这个基础目录将作为解析路径的起点
   "stylelint.configFile": "./node_modules/@yl/yili-fe-lint-config/stylelintrc.js", // 该选项指定了 stylelint 应使用的配置文件路径。此项设置会覆盖所有其他位置查找的 stylelint 配置文件
-  "stylelint.customSyntax": "postcss-scss",  // 配置stylelint使用的预处理器
+  "stylelint.customSyntax": "postcss-scss", // 配置stylelint使用的预处理器
   "stylelint.stylelintPath": "./node_modules/@yl/yili-fe-lint-config/node_modules/stylelint", // 指定stylelint安装路径
   "stylelint.validate": ["html", "css", "scss", "less", "vue"]
-}
+}

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' {

src/views/Design/components/Questions/Completion.vue

@@ -27,7 +27,7 @@ const props = defineProps({
   element: {
     type: Object,
     default: () => {
-      //补充
+      // 补充
     }
   },
   active: {

src/views/Home/Index.vue

@@ -1,23 +1,24 @@
 <script setup>
 import Survey from './components/Suvrey/Index.vue';
-import Template from './components/Template/Index.vue';
 
-const func = [{
+const func = [
-  title: '报名签到',
+  {
-  icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
+    title: '报名签到',
-},
+    icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u48.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
-{
+  },
-  title: '问卷调查',
+  {
-  icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
+    title: '问卷调查',
-},
+    icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u51.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
-{
+  },
-  title: '活动模板',
+  {
-  icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
+    title: '活动模板',
-},
+    icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u54.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
-{
+  },
-  title: '活动管理',
+  {
-  icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
+    title: '活动管理',
-}];
+    icon: 'https://files.axshare.com/gsc/DR6075/de/a0/49/dea049d6ad3e4c2c80af44258c6c76d6/images/%E9%A6%96%E9%A1%B5_1/u57.png?pageId=74b3e5b2-848e-4258-8a34-9e220127c8a6'
+  }
+];
 </script>
 
 <template>
@@ -28,19 +29,16 @@ const func = [{
   </div>
   <div class="container">
     <div>
-      <div v-for="card in func" :key="card.title">
+      <div v-for="card in func" :key="card.title"></div>
-      </div>
     </div>
 
     <Survey />
-
-    <Template />
   </div>
 </template>
 
 <style scoped lang="scss">
 .header {
-  background-color: #B9F8CF;
+  background-color: #b9f8cf;
 
   .title {
     display: flex;
@@ -51,24 +49,21 @@ const func = [{
 
 .container {
   padding-top: 20px;
-  background: linear-gradient(0deg,
+  background: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 84%, rgba(185, 248, 207, 1) 100%);
-  #f5f5f5 0%,
-  #f5f5f5 84%,
-  rgba(185, 248, 207, 1) 100%);
 
-  &>:first-child {
+  & > :first-child {
     display: flex;
     justify-content: space-around;
     border-radius: 6px;
     background-color: white;
 
-    &>div {
+    & > div {
       display: flex;
       flex-direction: column;
       width: 50px;
       height: 50px;
       margin: 10px;
-      background-color: #B9F8CF;
+      background-color: #b9f8cf;
     }
   }
 }