0321

src/App.vue

@@ -89,7 +89,7 @@ export default {
 
 <style>
   html{
-    min-width: 1024px;
+    min-width: 768px;
   }
   body {
     width: 100%;
@@ -113,4 +113,12 @@ export default {
     transform: translateY(-90px);
   }
 
+  @media screen and (max-width: 768px) {
+    body {
+      width: 100%;
+      height: 100%;
+      overflow-x: hidden;
+    }
+  }
+
 </style>

src/components/aside/index.vue

@@ -0,0 +1,49 @@
+<!--  -->
+<template>
+<div class=''>
+  aside
+</div>
+</template>
+
+<script>
+// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+// 例如：import 《组件名称》 from '《组件路径》';
+
+export default {
+// import引入的组件需要注入到对象中才能使用
+  components: {},
+  data () {
+    // 这里存放数据
+    return {
+
+    }
+  },
+  // 监听属性 类似于data概念
+  computed: {},
+  // 监控data中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+
+  },
+  // 生命周期 - 创建完成（可以访问当前this实例）
+  created () {
+
+  },
+  // 生命周期 - 挂载完成（可以访问DOM元素）
+  mounted () {
+
+  },
+  beforeCreate () {}, // 生命周期 - 创建之前
+  beforeMount () {}, // 生命周期 - 挂载之前
+  beforeUpdate () {}, // 生命周期 - 更新之前
+  updated () {}, // 生命周期 - 更新之后
+  beforeDestroy () {}, // 生命周期 - 销毁之前
+  destroyed () {}, // 生命周期 - 销毁完成
+  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
+<style scoped>
+/* 引入公共css类 */
+
+</style>

src/components/join-us/join-us.vue

@@ -548,6 +548,7 @@ export default {
   width: 100%;
   display: flex;
   height: 10em;
+  line-height: 1.5
 }
 
 .join-working {
@@ -595,7 +596,7 @@ export default {
   width: 9em;
   font-size: 0.7em;
   font-weight: bold;
-  line-height: 1.1em;
+  line-height: 1.3em;
   white-space: pre;
   color: #3E3E3E;
 }
@@ -964,7 +965,7 @@ export default {
     font-size: 25px;
   }
   .join-environment {
-    height: 13em;
+    height: 20em;
   }
   .join-environment_left {
     width: 35%;
@@ -980,7 +981,7 @@ export default {
     font-size: 25px;
   }
   .join-environment {
-    height: 13em;
+    height: 20em;
   }
   .join-environment_left {
     width: 35%;

src/components/m-content/m-content.vue

@@ -1983,7 +1983,7 @@ export default {
 
     window.onresize = () => {
       if (this.$route.name === '首页' && this.isOpenVideo === false) {
-        this.$router.go(0)
+      //   this.$router.go(0)
       }
     }
     // if (this.isActive ===3) {

src/components/m-content/style.css

@@ -1,6 +1,6 @@
 .content {
   width: 100%;
-  min-width: 1024px;
+  /* min-width: 1024px; */
   font-size: 40px;
   overflow: hidden;
   transition: all 0.2s;
@@ -2282,3 +2282,50 @@
   }
 
 }
+
+
+@media screen and (max-width: 768px) {
+  .ar-img>img:nth-child(2){
+    left: 8em;
+  }
+  .ar-img>img:nth-child(3){
+    left: 10em;
+  }
+  .DFKI-text{
+    top: 5em;
+    left: 3.9em;
+  }
+  .partners-4D>div{
+    left: 3.9em;
+    width: 85%;
+  }
+  .ar-text{
+    right: 0.8em;
+  }
+  .partners-4DKK:after{
+    top: -0.6em;
+  }
+  .FDKK-right{
+    top: -2em;
+    right: 2.8em;
+  }
+  .graphicsmedia-text{
+    top: 14em;
+  }
+  .WHOLESHOW-bg{
+    top: 10em;
+  }
+  .partners-WHOLESHOW{
+    height: 35.375em;
+  }
+  .partners-WHOLESHOW:after{
+    top: 11.9em;
+  }
+  .Joinus-text div{
+    width: 80%;
+  }
+  .DI-content>div{
+    height: 56%;
+  }
+ 
+}

src/components/m-footer/m-footer.vue

@@ -151,5 +151,10 @@ export default {
     font-size: 22px;
   }
 }
-
+ @media screen and (max-width: 768px) {
+    .footer{
+      height: 10em;
+      width: 100%;
+    }
+  }
 </style>

src/components/wrap-nav/style.css

@@ -133,6 +133,7 @@ a {
   font-size: 0.4em;
   color: #565656;
   width: 100%;
+  padding: 0 20px;
   font-weight: bold;
 }
 
@@ -140,16 +141,19 @@ a {
   content: '';
   position: absolute;
   width: 2px;
-  height: 90%;
+  height: 1em;
   right: 0;
+  top: 50%;
+  display: inline-block;
   background: #ccc;
-  transform: skewX(-10deg);
+  transform: skewX(-10deg) translateY(-50%);
 }
 
 .nav-subMenu {
   position: absolute;
   font-size: 2.5em;
   top: 1.12em;
+  left: -0.2em;
   z-index: 5;
   height: 5.125em;
   transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
@@ -286,9 +290,7 @@ a {
   #wrap-nav {
     font-size: 29px;
   }
-  .nav > div{
-    width: 3.2em!important;
-  }
+  
   .toggle-txt{
     width: 50px;
   }

src/components/wrap-nav/wrap-nav.vue

@@ -7,7 +7,7 @@
     <div class="nav-right">
       <div class="nav">
         <div v-for="(subItem, subIndex) in languageStatus" :key="subIndex" :class="{nav_active: subItem.id == activeIndex}"
-             @click="navClick(subItem.id,subItem)" :style="{width:nowLanguage==='zh'?'3.2em':'4.1em'}">
+             @click="navClick(subItem.id,subItem)" :style="{width:nowLanguage==='zh'?'auto':'auto'}">
           <a class="nav-subItem">
             {{ subItem.name }}
             <ul class="nav-subMenu">

src/plugin/v-swiper.vue

@@ -71,6 +71,11 @@ export default {
     top: 80px;
   }
 
+  @media screen and (max-width: 768px) {
+    .swiper-container{
+      height: 200px;
+    }
+  }
 </style>
 <style type="text/css">
   .swiper-container-free-mode>.swiper-wrapper {