caidan

src/router/index.js

@@ -11,6 +11,13 @@ const routes = [
     meta: { title: '班级列表', isleftarrow: false },
     component: () => import('../views/index.vue'),
   },
+  // 菜单
+  {
+    path: '/home/classmenu',
+    name: 'home_classmenu',
+    meta: { title: '班级菜单', isleftarrow: true },
+    component: () => import('../views/home/classmenu.vue'),
+  },
   // 班级首页
   {
     path: '/home/index',

src/views/home/classmenu.vue

@@ -0,0 +1,44 @@
+<template>
+  <div id="classmenu">
+    <van-grid :border="false" :column-num="3">
+      <van-grid-item>
+        <van-image src="https://img.yzcdn.cn/vant/apple-1.jpg" />
+      </van-grid-item>
+      <van-grid-item>
+        <van-image src="https://img.yzcdn.cn/vant/apple-2.jpg" />
+      </van-grid-item>
+      <van-grid-item>
+        <van-image src="https://img.yzcdn.cn/vant/apple-3.jpg" />
+      </van-grid-item>
+    </van-grid>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers, mapGetters } from 'vuex';
+export default {
+  name: 'classmenu',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.style {
+  width: 100%;
+  min-height: 667px;
+  position: relative;
+  background-color: #f9fafc;
+}
+.top {
+  height: 46px;
+  overflow: hidden;
+}
+.main {
+  min-height: 570px;
+}
+</style>

src/views/index.vue

@@ -88,7 +88,7 @@ export default {
     classBtn(index) {
       // index:班级id
       sessionStorage.setItem('classid', index);
-      this.$router.push({ path: '/home/index', query: { id: index } });
+      this.$router.push({ path: '/home/classmenu', query: { id: index } });
     },
   },
   computed: {