update: dist

src/router/modules/game.js

@@ -219,6 +219,35 @@ export default {
       meta: {
         path: '/game/klfl'
       }
+    },
+    {
+      path: 'cmh',
+      name: '拆盲盒列表',
+      component: () => import(/* webpackChunkName: "game" */ '../../views/game/cmh/index.vue')
+    },
+    {
+      path: 'cmh/add',
+      name: '新建拆盲盒',
+      component: () => import(/* webpackChunkName: "game" */ '../../views/game/cmh/form.vue'),
+      meta: {
+        type: 'add'
+      }
+    },
+    {
+      path: 'cmh/edit/:id',
+      name: '编辑拆盲盒',
+      component: () => import(/* webpackChunkName: "game" */ '../../views/game/cmh/form.vue'),
+      meta: {
+        type: 'edit'
+      }
+    },
+    {
+      path: 'cmh/info/:id',
+      name: '查看拆盲盒',
+      component: () => import(/* webpackChunkName: "game" */ '../../views/game/cmh/info.vue'),
+      meta: {
+        type: 'info'
+      }
     }
   ]
 };

src/views/game/cmh/form.vue

+<template>
+  <swiper :slides-per-view="3" :space-between="50" @swiper="onSwiper" @slideChange="onSlideChange">
+    <swiper-slide>Slide 1</swiper-slide>
+    <swiper-slide>Slide 2</swiper-slide>
+    <swiper-slide>Slide 3</swiper-slide>
+    ...
+  </swiper>
+</template>
+<script>
+// Import Swiper Vue.js components
+import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue.js';
+
+// Import Swiper styles
+// import 'swiper/swiper-bundle.min.css';
+import 'swiper/swiper.min.css';
+
+export default {
+  components: {
+    Swiper,
+    SwiperSlide
+  },
+  setup() {
+    const onSwiper = swiper => {
+      console.log(swiper);
+    };
+    const onSlideChange = () => {
+      console.log('slide change');
+    };
+    return {
+      onSwiper,
+      onSlideChange
+    };
+  }
+};
+</script>

src/views/game/cmh/index.vue

+<template>
+  <section class="dm-wrap" v-loading="loading">
+    <div class="gameIntro"></div>
+  </section>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      loading: false
+    };
+  }
+};
+</script>
+
+<style></style>