pc h5合并

components/base/h5/Menu.vue

@@ -16,9 +16,9 @@ export default {
         {
           name: '项目介绍',
           children: [
-            { name: '项目背景', path: '/project/bg' },
-            { name: '项目特色', path: '/project/charac' },
-            { name: '证书授权', path: '/project/certificate' }
+            { name: '项目背景', path: '/project-intro/bg' },
+            { name: '项目特色', path: '/project-intro/charac' },
+            { name: '证书授权', path: '/project-intro/certificate' }
           ]
         },
         {

pages/about/teacher.vue

 <template>
+  <div :class="isMobile ? 'is-h5' : 'is-pc'">
     <div class="teacher-content-box">
       <app-frame :data="frameParams">
         <div class="content-box">
@@ -6,6 +7,7 @@
         </div>
       </app-frame>
     </div>
+  </div>
 </template>
 <script>
 import appFrame from '@/components/appFrame'
@@ -32,11 +34,28 @@ export default {
     }
   },
   mounted() {
+  },
+  computed: {
+    isMobile() {
+      return this.$store.state.isMobile
+    }
   }
 }
 </script>
 <style lang="scss" scoped>
-.teacher-content-box {
+.is-h5{
+  .teacher-content-box{
+    .content-box{
+      padding: .3rem .37rem .3rem;
+      img{
+        width: 100%;
+        display: block;
+      }
+    }
+  }
+}
+.is-pc{
+  .teacher-content-box {
     width: 1200px;
     margin: 0 auto;
     .content-box {
@@ -81,5 +100,6 @@ export default {
         }
       }
     }
+  }
 }
 </style>