美食详情页 架子

src/router/index.js

@@ -105,7 +105,7 @@ const routes = [{
           myInd: 2,
           myTitle: '建筑可游玩',
         },
-        component: () => import('../components/BookingSuccess.vue')
+        component: () => import('../views/Serve/index.vue')
       },
       {
         path: '/layout/serve/recommended-path',
@@ -179,6 +179,15 @@ const routes = [{
         },
         component: () => import('../views/Serve/FoodList.vue')
       },
+      {
+        path: '/layout/serve/food-detail',
+        name: 'FoodDetail',
+        meta: {
+          myInd: 2,
+          myTitle: '美食',
+        },
+        component: () => import('../views/Serve/FoodDetail.vue')
+      },
       /**
        * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        */

src/views/Serve/FoodDetail.vue

@@ -0,0 +1,13 @@
+<template>
+  <div class="food-detail">
+    <div class="card banner">
+
+    </div>
+  </div>
+</template>
+
+<style lang="less" scoped>
+.food-detail {
+  
+}
+</style>

src/views/Serve/FoodList.vue

@@ -174,7 +174,7 @@ export default {
     margin-left: 4vw;
     overflow: auto;
     > article {
-      width: 44vw;
+      width: 43vw;
       padding-bottom: 2.7vw;
       margin-bottom: 4vw;
       margin-right: 4vw;;