新增教室页面

src/pages/JapaneseTrain/classroom.vue

+<template>
+  <div class="jiahe">
+    <Header :menuList="menuList" :curMenu="menuList[1].Name" :type="2" />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_01.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_02.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_03.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_04.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_05.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_06.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_07.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_08.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_09.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_10.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_11.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_12.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_13.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_14.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_15.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_16.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_17.jpg"
+      class="classroomImg"
+    />
+    <q-img
+      src="../../assets/images/JapaneseTrain/classroom/classroom_18.jpg"
+      class="classroomImg"
+    />
+    <Footer />
+  </div>
+</template>   
+<script>
+import Header from "../../components/header/header";
+import Footer from "../../components/footer/footerType2";
+export default {
+  components: {
+    Header,
+    Footer,
+  },
+  data() {
+    return {
+      menuList: [
+        {},
+        {
+          Name: "",
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.menuList = JSON.parse(localStorage.getItem("menuList"));
+  },
+};
+</script>
+<style lang="scss" scoped>
+.jiahe {
+  height: 100%;
+  background-color: #f6f6f6;
+}
+.classroomImg {
+  width: 100%;
+  height: auto;
+}
+</style>
\ No newline at end of file

src/router/routes.js

@@ -8,6 +8,7 @@ const routes = [
       { path: '/index', component: () => import('src/pages/Index.vue') },
       { path: '/JapaneseTrain', component: () => import('src/pages/JapaneseTrain/JapaneseTrain.vue') },
       { path: '/courseIntroduce', component: () => import('src/pages/JapaneseTrain/courseIntroduce.vue') },
+      { path: '/classroom', component: () => import('src/pages/JapaneseTrain/classroom.vue') },
       { path: '/eduProductList', component: () => import('src/pages/JapaneseTrain/eduProductList.vue') },
       { path: '/eduProductDetail', component: () => import('src/pages/JapaneseTrain/eduProductDetail.vue') },
       { path: '/classPlanList', component: () => import('src/pages/JapaneseTrain/classPlanList.vue') },