11

src/router/index.js

@@ -30,6 +30,14 @@ const routes = [
       index: 1,
     },
     component: () => import("@/views/table.vue"),
+  },
+  {
+    path: "/order",
+    name: "order",
+    meta: {
+      index: 1,
+    },
+    component: () => import("@/views/order/index.vue"),
   }
 ];
 

src/views/order/index.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { useRoute } from "vue-router"
+const route = useRoute()
+console.log(route)
+</script>
+<template>
+    <div class="orderbox">
+        <div class="orderbox_left">order</div>
+        <div class="orderbox_right">order</div>
+    </div>
+</template>
+
+<style scoped lang="scss">
+.orderbox {
+    .orderbox_left {
+        width: 80%;
+    }
+
+    .orderbox_right {
+        width: 20%;
+    }
+}
+</style>