官网修改

src/pages/case/index.vue

@@ -62,6 +62,10 @@
   max-width: 1140px;
   margin: 30px auto;
   text-align: center;
+  position: static;
+  position: sticky;
+  top: 66px;
+  background-color: #fff;
 }
 
 .nav-cases a {

src/pages/case/levelList/index.vue

@@ -5,7 +5,7 @@
       <div class="del-info">
         <h2>{{article.title}}</h2>
         <div class="del-content" v-html="article.content"></div>
-        
+
         <template v-if="
           article.pro_type === 0 ||
           (article.pro_type === 1 && !isMobile) ||

src/pages/home/index.vue

@@ -21,7 +21,7 @@
             <div class="img"></div>
             <div class="info">
               <h3>4DKanKan</h3>
-              <p>The first consumer 3D camera in the world</p>
+              <p>The World's First Cosumer 3D Camera</p>
             </div>
           </a>
           <a class="h-m-2" href="#/product?id=wwq">
@@ -322,9 +322,10 @@ export default {
             time: '2018',
             title: 'Unshakeable Shoshin',
             content: [
-              'Provided intelligent visual display supports for CCTV and Guangdong Spring Festival Gala.',
+              `Provided intelligent visual display supports for CCTV and Guangdong Spring Festival Gala.`,
               `Launched 4DKanKan, the world's first consumer-grade 3D camera, capable of reconstructing 100m2 of space in five minutes, and features easy operation, automation and high precision.`,
-              'Released 4DMuseum, the first online platform for art spaces, integrating 3D exhibitions, informative services and user interactions.'
+              'Released 4DMuseum, the first online platform for art spaces, integrating 3D exhibitions, informative services and user interactions.',
+              `The 3rd China-Germany Artificial Intelligence Conference was held successfully.`
             ]
           },
           {
@@ -332,8 +333,9 @@ export default {
             title: 'Striving ahead',
             content: [
               '4DAGE and German Research Center of Artificial Intelligence initiated the China-Germany Artificial Intelligence Institute, the signing ceremony of which was witness by the Chinese Premier and German Chancellor.',
-              `Became sole virtual reality technology supplier to the China Pavilion at Kazakhstan's Astana World Expo.`,
-              'Launched 4DModel, a platform for 3D model sharing and communication.'
+              ` Became sole virtual reality technology supplier to the China Pavilion at Kazakhstan's Astana World Expo.`,
+              'Launched 4DModel, a platform for 3D model sharing and communication.',
+              `The 2nd China-Germany Artificial Intelligence Conference was held successfully.`
             ]
           },
           {
@@ -342,8 +344,9 @@ export default {
             content: [
               'Obtained the fourth-grade information system integration certification.',
               'Reconstructed online digital museum for Nanchang Han Dynasty Haihunhou Historic Site, one of the top ten national archaeological discoveries.',
-              `Won the China Innovation and Entrepreneurship Competition's Third Place in the electronic information industry group.`,
-              'Evaluated as the "Most Promising Overseas Student Entrepreneurial Enterprise".'
+              ` Won the China Innovation and Entrepreneurship Competition's Third Place in the electronic information industry group.`,
+              'Evaluated as the "Most Promising Overseas Student Entrepreneurial Enterprise".',
+              `The First China-Germany Artificial Intelligence Conference was held successfully.`
             ]
           },
           {

src/pages/information/media.vue

@@ -33,10 +33,12 @@ export default {
         [
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_1.jpg', text: '4DAGE (horizontal)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_2.jpg', text: '4DAGE (vertical)'},
-          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_3.jpg', text: '4DKanKan (horizontal)'},
-          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_4.jpg', text: '4DKanKan (vertical)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_5.jpg', text: 'CGAII (Chinese ver.)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_6.jpg', text: 'CGAII (English ver.)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_3.jpg', text: '4DKanKan (horizontal)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_4.jpg', text: '4DKanKan (vertical)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_8.jpg', text: '4DMuseum (horizontal)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_9.jpg', text: '4DMuseum (vertical)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_7.jpg', text: '4DArt'}
         ],
         [

src/pages/layout/header.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="nav">
+  <div class="nav" @click.stop>
     <div class="nav-content">
       <router-link :to="{name: 'home'}" class="logo" ><img width="128" height="37" src="http://video.cgaii.com/new4dage/images/images/logo_en.svg" @click="showMenu = false"></router-link>
       <div class="menu" :style="[{height: height}, style]" ref="menu">
@@ -201,6 +201,10 @@ export default {
     }
   },
   mounted () {
+    document.documentElement.addEventListener('click', () => {
+      this.showMenu = false
+    })
+
     if (this.isMobile) {
       this.mxHeight = window.innerHeight - 65
     } else {

src/pages/planculture/index.vue

@@ -3,6 +3,7 @@
     <div class="banner">
       <div>
         <div class="info">
+          <img src="http://video.cgaii.com/new4dage/images/images/planindustry.png" alt="" srcset="">
           <h2>Digital Museum</h2>
           <p>Reproduces the splendor of world civilizations with automatic and high-precision 3D digital reconstruction technology.</p>
         </div>
@@ -21,7 +22,7 @@
             <p>WeChat Service</p>
           </div>
           <div>
-            <span><img src="http://video.cgaii.com/new4dage/images/images/cp_1_b.jpg" alt=""></span>
+            <span><img src="http://video.cgaii.com/new4dage/images/images/cp_1_b.png" alt=""></span>
             <p>4DMuseum</p>
           </div>
         </div>

src/pages/planculture/style.css

@@ -12,7 +12,7 @@
 }
 
 .banner {
-  padding: 60px 20px 76px;
+  padding: 40px 20px 76px;
   background-color: #e6e6e6;
 }
 
@@ -152,14 +152,24 @@
   line-height: 24px;
 }
 
-
+.banner .info img {
+  width: 50px;
+  margin-bottom: 30px;
+}
 
 @media screen and (min-width: 1040px) {
+  .banner {
+    padding-top: 60px;
+  }
   .info h2 {
     font-size: 30px;
     margin-bottom: 20px;
   }
 
+  .banner h2 {
+    font-size: 48px;
+  }
+
   .ctrls > div {
     width: 25%;
   }

src/pages/planindustry/index.vue

@@ -3,6 +3,7 @@
     <div class="banner">
       <div>
         <div class="info">
+          <img src="http://video.cgaii.com/new4dage/images/images/planlife.png"  class="logo" alt="">
           <h2>Digital Industry</h2>
           <p>Applies high-precision 3D machine vision and SLAM technology to all aspects of industrial production, improves manufacturing efficiency and product quality, and reduces costs and resource consumption.</p>
         </div>

src/pages/planindustry/style.css

@@ -11,7 +11,7 @@
 
 .banner {
   background-color: #e6e6e6;
-  padding: 60px 20px 0;
+  padding: 40px 20px 0;
 }
 
 .banner > div {
@@ -60,10 +60,24 @@
   width: 100%;
 }
 
+.banner img.logo {
+  display: inline-block;
+  width: 50px;
+  margin-bottom: 30px;
+  margin-top: 0;
+}
+
+
 @media screen and (min-width: 1040px) {
+  .banner {
+    padding-top: 60px;
+  }
   .info h2 {
     font-size: 30px;
   }
+  .banner h2 {
+    font-size: 48px;
+  }
 
   .info p {
     font-size: 16px;

src/pages/planlife/index.vue

@@ -2,6 +2,7 @@
   <div class="pl_layout">
     <div class="banner">
       <div>
+        <img src="http://video.cgaii.com/new4dage/images/images/planlife.png"  class="logo" alt="">
         <h1>Digital Life</h1>
         <p>Combining 3D digital technology and big data analysis, we create more free, efficient and convenient lifestyles for the lives of common people.</p>
         <img src="http://video.cgaii.com/new4dage/images/images/lifeplan_banner.jpg">

src/pages/planlife/style.css

@@ -30,6 +30,12 @@
   margin-top: 30px;
 }
 
+.banner img.logo {
+  width: 50px;
+  margin-bottom: 20px;
+  margin-top: 0;
+}
+
 .content {
   max-width: 1490px;
   margin: 0 auto;
@@ -154,6 +160,10 @@
   padding: 10px;
 }
 
+.banner .info img {
+  width: 50px;
+  margin-bottom: 30px;
+}
 
 @media screen and (min-width: 1040px) {
   .lplan_4 .info {
@@ -169,7 +179,7 @@
   }
 
   .banner h1 {
-    font-size: 30px;
+    font-size: 48px;
     margin-bottom: 30px;
   }
 

src/pages/product/index.vue

@@ -20,14 +20,14 @@
       <div>
         <div class="info">
           <h2 class="m-title notLink">
-            <a href="http://www.4dmodel.com/">4DModel</a>
+            <a href="http://www.4dmodel.com/" target="_blank">4DModel</a>
           </h2>
           <p class="m-content">
             A resource and information-sharing platform, with integrated 3D scene generation, online editing and rendering, and AR/VR display.
             The platform's powerful cloud computing capabilities allow quick conversion of users' photos into 3D models, which can be viewed by scanning QR codes and shared to social media.
           </p>
         </div>
-        <a href="http://www.4dmodel.com/"><img src="http://video.cgaii.com/new4dage/images/images/case_5_img.png" alt=""></a>
+        <a href="http://www.4dmodel.com/" target="_blank"><img src="http://video.cgaii.com/new4dage/images/images/case_5_img.png" alt=""></a>
       </div>
     </div>
 
@@ -54,7 +54,8 @@
             Without leaving home, you can visit art exhibitions and enjoy comfortable 720-degree viewing of art works. It's a never-ending gallery that takes you on a digital journey into art.
           </p>
         </div>
-        <img src="http://video.cgaii.com/new4dage/images/images/case_4_img.jpg" alt="">
+        <img src="http://video.cgaii.com/new4dage/images/images/anima_swkz.jpg" alt="" v-if="isMobile">
+        <img src="http://video.cgaii.com/new4dage/images/images/case_4_img.jpg" alt="" v-else>
       </div>
     </div>
 
@@ -63,9 +64,10 @@
         <h2 class="m-title">4DWall</h2>
         <p class="m-content">This interactive display system with high-definition large screen allows simultaneous viewing and operation by up to 100 people. It supports multimedia formats including images, videos, sounds, and 3D models, and is widely used in industries with strong display needs of contents, such as museums, real estate and commerce.</p>
       </div>
-      <div class="iframe-layout full" :class="{mobile: isMobile}">
+      <div class="iframe-layout full" :class="{mobile: isMobile}" v-if="!isMobile">
         <iframe frameborder="0" :src="src"></iframe>
       </div>
+      <img src="http://video.cgaii.com/new4dage/images/images/cast_wsq.jpg" alt="" v-else style="padding: 0 10px">
     </div>
 
     <div class="case_6" id="swar"  @touchend.stop="active = false">

src/pages/technology/style.css

@@ -22,7 +22,7 @@
 }
 
 .t_2_info img{
-  margin-bottom: 15px;
+  /* margin-bottom: 15px; */
 }
 
 .t_2_info h2 {