test路由

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/test/config.ts

@@ -0,0 +1,18 @@
+export const config = {
+  1: {
+    num: 1,
+    show: true,
+  },
+  2: {
+    num: 2,
+    show: true,
+  },
+  3: {
+    num: "",
+    show: false,
+  },
+  4: {
+    num: "少时诵诗书",
+    show: false,
+  },
+};

fhKeeper/formulahousekeeper/customerBuler-crm/src/pages/test/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="flex w-96 justify-around">
+    <div class="w-1/6 h-80 bg-cyan-200 line-through">1</div>
+    <div class="w-1/6 h-80 bg-cyan-200 leading-normal">2</div>
+    <div v-if="config[id].show" class="w-1/6 h-80 bg-cyan-200 hover:translate-y-10 duration-500">3</div>
+    <div class="myClass">4</div>
+    <div>{{ config[id].num }}</div>
+  </div>
+</template>
+<script lang="ts" setup>
+import { config } from "./config"
+const id = 2;
+</script>
+<style lang="scss" scoped>
+.myClass {
+  @apply w-1/6;
+  @apply bg-red-700;
+  @apply text-white
+}
+</style>

fhKeeper/formulahousekeeper/customerBuler-crm/src/router/index.ts

@@ -15,6 +15,10 @@ export const routes = [
         name: 'index',
         path: '/index',
         component: () => import("../pages/index.vue")
+    }, {
+        name: "test",
+        path: "/test",
+        component: () => import("../pages/test/index.vue")
     }
 ]
 const router = createRouter({