预约

src/router/index.js

@@ -198,6 +198,15 @@ const routes = [{
         },
         component: () => import('../views/Serve/FoodDetail.vue')
       },
+      {
+        path: '/layout/serve/booking',
+        name: 'Booking',
+        meta: {
+          myInd: 2,
+          myTitle: '预约',
+        },
+        component: () => import('../views/Serve/Booking.vue')
+      },
       /**
        * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        */

src/views/Serve/FoodDetail.vue

@@ -130,6 +130,8 @@ export default {
 </script>
 
 <style lang="less" scoped>
+@import "../../assets/libs/swiper.css";
+
 .food-detail {
   position: relative;
   height: calc(100% - 80px);

src/views/Serve/index.vue

@@ -5,7 +5,7 @@
     </div>
     
     <menu>
-      <router-link class="entry" :to="{name: ''}">
+      <router-link class="entry" :to="{name: 'Booking'}">
         <img src="@/assets/img/service/booking.png" alt="" draggable="false">
         <div>预约</div>
       </router-link>