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="teacher-content-box">
-    <app-frame :data="frameParams">
-      <div class="content-box">
-        <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
-      </div>
-    </app-frame>
+  <div :class="isMobile ? 'is-h5' : 'is-pc'">
+    <div class="teacher-content-box">
+      <app-frame :data="frameParams">
+        <div class="content-box">
+          <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/project/marywood/marywood-teacher-all.png" style="width:100%;display:block">
+        </div>
+      </app-frame>
+    </div>
   </div>
 </template>
 <script>
@@ -32,50 +34,68 @@ export default {
     }
   },
   mounted() {
+  },
+  computed: {
+    isMobile() {
+      return this.$store.state.isMobile
+    }
   }
 }
 </script>
 <style lang="scss" scoped>
-.teacher-content-box {
-  width: 1200px;
-  margin: 0 auto;
-  .content-box {
-    padding: 60px 75px 61px;
-    .teacher-box {
-      .title {
-        font-size: 22px;
-        font-weight: bold;
-        line-height: 100%;
-        color: #333333;
+.is-h5{
+  .teacher-content-box{
+    .content-box{
+      padding: .3rem .37rem .3rem;
+      img{
+        width: 100%;
+        display: block;
       }
-      ul {
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 30px;
-        li {
-          width: 180px;
-          margin-right: 140px;
-          margin-bottom: 40px;
-          &:nth-child(3n + 3) {
-            margin-right: 0;
-          }
-          img {
-            display: block;
-            width: 100%;
-          }
-          .name {
-            font-size: 18px;
-            color: #aa1941;
-            line-height: 100%;
-            margin-top: 20px;
-            margin-bottom: 10px;
-          }
-          .p {
-            font-size: 14px;
-            line-height: 100%;
-            color: #666666;
-            white-space: nowrap;
-            margin-bottom: 5px;
+    }
+  }
+}
+.is-pc{
+  .teacher-content-box {
+    width: 1200px;
+    margin: 0 auto;
+    .content-box {
+      padding: 60px 75px 61px;
+      .teacher-box {
+        .title {
+          font-size: 22px;
+          font-weight: bold;
+          line-height: 100%;
+          color: #333333;
+        }
+        ul {
+          display: flex;
+          flex-wrap: wrap;
+          padding-top: 30px;
+          li {
+            width: 180px;
+            margin-right: 140px;
+            margin-bottom: 40px;
+            &:nth-child(3n + 3) {
+              margin-right: 0;
+            }
+            img {
+              display: block;
+              width: 100%;
+            }
+            .name {
+              font-size: 18px;
+              color: #aa1941;
+              line-height: 100%;
+              margin-top: 20px;
+              margin-bottom: 10px;
+            }
+            .p {
+              font-size: 14px;
+              line-height: 100%;
+              color: #666666;
+              white-space: nowrap;
+              margin-bottom: 5px;
+            }
           }
         }
       }