feat:打分题配置

src/views/Home/components/Market/Index.vue

@@ -4,7 +4,6 @@ import { tables } from './hooks/useMarketHooks';
 import TestComponent from './components/TestComponent.vue';
 
 const activeComponet = ref(h(TestComponent, { cn: '报名签到' }));
-
 </script>
 
 <template>
@@ -16,7 +15,9 @@ const activeComponet = ref(h(TestComponent, { cn: '报名签到' }));
     </div>
 
     <div class="market_table">
-      <div v-for="item in tables" :key="item.title" @click="activeComponet = item.component">{{ item.title }}</div>
+      <div v-for="item in tables" :key="item.title" @click="activeComponet = item.component">
+        {{ item.title }}
+      </div>
     </div>
     <van-cell class="market_items">
       <component :is="activeComponet" />
@@ -26,7 +27,7 @@ const activeComponet = ref(h(TestComponent, { cn: '报名签到' }));
 
 <style scoped>
 .market {
-  &> :first-child {
+  & > :first-child {
     display: flex;
     align-items: end;
     justify-content: space-between;
@@ -47,7 +48,7 @@ const activeComponet = ref(h(TestComponent, { cn: '报名签到' }));
 
     /* padding: 10px 0; */
 
-    &>div {
+    & > div {
       padding: 0 20px;
       text-wrap: nowrap;
     }
@@ -58,7 +59,7 @@ const activeComponet = ref(h(TestComponent, { cn: '报名签到' }));
     flex-flow: row wrap;
     justify-content: space-around;
 
-    &>div {
+    & > div {
       display: flex;
       overflow: hidden;
       width: calc(196px / 1.2);

src/views/Home/components/Market/components/TestComponent.vue

@@ -11,23 +11,26 @@ const { cn } = defineProps({
 <template>
   <van-row :gutter="4">
     <van-col
-      v-for="item in 2" :key="item" :span="10"
-      style="display: flex; flex-direction: column; align-items: start; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);"
+      v-for="item in 2"
+      :key="item"
+      :span="10"
+      style="
+        display: flex;
+        flex-direction: column;
+        align-items: start;
+        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
+      "
     >
-      <div style="display: flex; align-items: center; justify-content: space-evenly;width: 100%;">
+      <div style="display: flex; align-items: center; justify-content: space-evenly; width: 100%">
         <span>{{ cn }} 模板</span>
         <img
           src="https://files.axshare.com/gsc/DR6075/63/4d/77/634d77293a4d41d1b3d145974a8fb6a7/images/首页_1/u42.svg?pageId=5cc10b9f-56eb-48dc-943a-bfe7afb18a64"
         />
       </div>
 
-      <div>
-        <span>引用10次</span> | <span>创建人: 张三</span>
-      </div>
+      <div><span>引用10次</span> | <span>创建人: 张三</span></div>
     </van-col>
   </van-row>
 </template>
 
-<style lang="sass" scoped>
-
-</style>
+<style lang="sass" scoped></style>

src/views/Home/components/Market/hooks/useMarketHooks.ts

@@ -5,20 +5,25 @@ export const tables = [
   {
     title: '报名签到',
     component: h(TestComponent, { cn: '报名签到' })
-  }, {
+  },
+  {
     title: '满意度调研',
     component: h(TestComponent, { cn: '满意度调研' })
-  }, {
+  },
+  {
     title: '快速投票',
     component: h(TestComponent, { cn: '快速投票' })
-  }, {
+  },
+  {
     title: '打分评估',
     component: h(TestComponent, { cn: '打分评估' })
-  }, {
+  },
+  {
     title: 'NPS',
     component: h(TestComponent, { cn: 'NPS' })
-  }, {
+  },
+  {
     title: '考评测试',
     component: h(TestComponent, { cn: '考评测试' })
   }
-];
+];