官网修改

src/components/Slide/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="slide-layout">
+  <div class="slide-layout" ref="continure">
     <a class="ctrl up" @click="up">
       <slot name="up" />
     </a>
@@ -29,18 +29,19 @@ export default {
   },
   data () {
     return {
+      continure: 0,
       index: this.current
     }
   },
   computed: {
     left () {
-      return this.index / this.screens.length * 100 + '%'
+      return this.index * this.continure + 'px'
     },
     layoutStyle () {
-      return {width: this.screens.length + '00%', transform: `translateX(-${this.left})`}
+      return {width: this.continure * this.screens.length + '00%', transform: `translateX(-${this.left})`}
     },
     itemStyle () {
-      return {width: 1 / this.screens.length * 100 + '%'}
+      return {width: this.continure + 'px'}
     }
   },
   watch: {
@@ -61,6 +62,16 @@ export default {
         this.index = this.screens.length - 1
       }
     }
+  },
+  mounted () {
+    this.sizeHandle = () => {
+      this.continure = this.$refs.continure.offsetWidth
+    }
+    window.addEventListener('resize', this.sizeHandle)
+    setTimeout(this.sizeHandle, 100)
+  },
+  beforeDestroy () {
+    window.removeEventListener('resize', this.sizeHandle)
   }
 }
 </script>

src/components/computer/index.vue

@@ -9,7 +9,9 @@
     <img src="http://video.cgaii.com/new4dage/images/images/macbook_3.png">
     <img src="http://video.cgaii.com/new4dage/images/images/macbook_4.png">
     <img src="http://video.cgaii.com/new4dage/images/images/macbook_5.png">
-    <iframe :src="this.src" />
+    <div class="iframe">
+      <iframe :src="this.src" />
+    </div>
   </div>
 </template>
 
@@ -112,12 +114,18 @@ export default {
   left: -7.55%;
 }
 
-.computer iframe {
+.computer .iframe {
   position: absolute;
   z-index: 1;
   left: 17.3%;
   top: 5.9%;
   width: 65.4%;
   height: 74.6%;
+  overflow: hidden;
+}
+
+.computer .iframe iframe {
+  width: 100%;
+  height: 100%;
 }
 </style>

src/pages/about/index.vue

@@ -26,7 +26,7 @@
           <p><span>2017.07</span>Juli 2017: 4DModel, eine Plattform für 3D Modelle zum teilen und austauschen, wurde vorgestellt</p>
           <p><span>2017.09</span>September 2017: Zweite China-Germany Artificial Intelligence Konferenz (CGAIC)</p>
           <p><span>2018.02</span>Februar 2018: Bereitstellung von KI 3D digitale Technik für CCTV und Guangdong Spring Festival um den chinesischen Zuschauern das „Chinesische Wunder“ zu zeigen.</p>
-          <p><span>2018.05</span>Mai 2018: Vorstellung der weltweit ersten 3D Consumer Kamera, welche eine 100m2 Fläche in 5 Minuten rekonstruierten kann. Damit braucht sie nur 1/20 der Zeit von herkömlichen 3D Modellierungsgeräten.</p>
+          <p><span>2018.05</span>Mai 2018: Vorstellung der weltweit ersten 3D Consumer Kamera, welche eine 100㎡ Fläche in 5 Minuten rekonstruierten kann. Damit braucht sie nur 1/20 der Zeit von herkömlichen 3D Modellierungsgeräten.</p>
           <p><span>2018.08</span>August 2018: 4DMuseum, eine Online Ausstellungsplattform, wird vorgestellt. Es ist somit die erste Plattform, die 3D AI digital Technologie anwendet um Ausstellungen online zu zeigen, Zusatzinformationen liefert und Interaktion fördert.</p>
           <p><span>2018.11</span>Die dritte Konferenz über künstliche Intelligenz zwischen China und Deutschland wurde erfolgreich durchgeführt. 4DAGE hat der Welt seine führende 3D-Digitalisierungstechnologie und seine offene Plattform für AI-Entwickler gezeigt. Außerdem wurde die 3D-Rekonstruktionstechnologie für mobile Geräte und die aktualisierte Version der 3D-Kamera 4DKanKan veröffentlicht.</p>
         </div>

src/pages/case/levelList/index.vue

@@ -11,9 +11,9 @@
           (article.pro_type === 1 && !isMobile) ||
           (article.pro_type === 0 && isMobile)
         ">
-          <a v-if="article.link && article.type === 1" :href="article.link" class="button">Explore</a>
+          <a v-if="article.link && article.type === 1" :href="article.link" class="button">Entdecken</a>
           <a v-if="article.link && article.type === 2" class="button">
-            <playvideo :src="article.link">Explore</playvideo>
+            <playvideo :src="article.link">Entdecken</playvideo>
           </a>
         </template>
         <!-- <a" @click="play(article.link)" class="button">点击体验</a> -->

src/pages/home/style.css

@@ -505,6 +505,7 @@
 }
 
 .course-item {
+  margin-top: 20px;
   width: 100%;
   float: left;
 }

src/pages/layout/footer.vue

@@ -28,10 +28,10 @@
             :code="require('@/assets/images/code_dy.jpg')"
           />
         </div>
-        <p><span>Cooperation</span>sales@4dage.com</p>
-        <p><span>Interview</span>pr@4dage.com</p>
-        <p><span>Telephone</span>+86 400-6698-025</p>
-        <a href="http://show.4dage.com/brochure_en" target="_blank">Download 4DAGE Brochure</a>
+        <p><span>Geschäftliche Zusammenarbeit</span>sales@4dage.com</p>
+        <p><span>Öffentlichkeitsarbeit</span>pr@4dage.com</p>
+        <p><span>Telefon</span>+86 400-6698-025</p>
+        <a href="http://show.4dage.com/brochure_en" target="_blank">4DAGE Broschüre herunterladen</a>
       </div>
       <div class="relevant">
         <div>
@@ -39,7 +39,7 @@
           <a href="https://www.4dmodel.com/" target="_blank">4DModel</a>
           <a href="https://cgaii.com/#/index?lang=ge" target="_blank">CGAII</a>
         </div>
-        <p>Copyright © 2018 4DAGE Co., Ltd. All rights reserved. </p>
+        <p>Copyright © 2019 4DAGE Co., Ltd. All rights reserved. </p>
         <p><a href="http://www.miitbeian.gov.cn">粤ICP备14078495号-2</a></p>
       </div>
     </div>
@@ -95,7 +95,7 @@ export default {
 
   .infos > p > span {
     display: inline-block;
-    width: 124px;
+    width: 250px;
     text-align: right;
   }
 

src/pages/layout/header.vue

@@ -80,10 +80,9 @@ export default {
           text: 'Lösungen',
           show: false,
           childs: [
-            {link: '/planculture', text: 'Digital Museum'},
-            {link: '/planlife', text: 'Digital Life'}
-            // ,
-            // {link: '/planindustry', text: 'Digitale Industrie'}
+            {link: '/planculture', text: 'Digitales Museum'},
+            {link: '/planlife', text: 'Digitales Leben'},
+            {link: '/planindustry', text: 'Digitales Industrie'}
           ]
         },
         {
@@ -116,8 +115,9 @@ export default {
           show: false,
           childs: [
             {link: '/information/news', text: 'News'},
-            {link: '/information/media', text: 'Mediendatenbank'},
-            {link: '/information/code', text: 'Social Media'}
+            {link: '/information/media', text: 'Mediendatenbank'}
+            // ,
+            // {link: '/information/code', text: 'Social Media'}
           ]
         },
         {

src/pages/planindustry/index.vue

@@ -4,7 +4,7 @@
       <div>
         <img src="http://video.cgaii.com/new4dage/images/images/planlife.png"  class="logo" alt="">
         <div class="info">
-          <h2>Digitale Industrie</h2>
+          <h2>Digitales Industrie</h2>
           <p>Durch hochpräzise 3D-Bildverarbeitung und SLAM Technologie in allen Prozessen der Produktion wird die Effizienz und Produktqualität gesteigert und Kosten und Ressourcen gespart.</p>
         </div>
         <img src="http://video.cgaii.com/new4dage/images/images/ip_bg.jpg">

src/pages/planlife/index.vue

@@ -3,7 +3,7 @@
     <div class="banner">
       <div>
         <img src="http://video.cgaii.com/new4dage/images/images/planlife.png"  class="logo" alt="">
-        <h1>Digital Life</h1>
+        <h1>Digitales Leben</h1>
         <p>Durch digitale 3D Technolgie und Big Data Analysen, soll der Alltag vereinfacht und effektiver gestaltbar gemacht werden.</p>
         <img src="http://video.cgaii.com/new4dage/images/images/lifeplan_banner.jpg">
       </div>

src/pages/planlife/style.css

@@ -165,13 +165,13 @@
 
 @media screen and (min-width: 1040px) {
   .lplan_4 {
-    text-align: center;
+    /* text-align: center; */
   }
   .lplan_4 .info {
     position: absolute;
-    left: 19%;
+    left: 26%;
     top: 12%;
-    width: 58.6%;
+    width: 54.6%;
     padding: 0;
   }
   .banner {