zhibin 6 سال پیش
والد
کامیت
3cbb720de7
35فایلهای تغییر یافته به همراه77 افزوده شده و 45 حذف شده
  1. 1 1
      dist/index.html
  2. 0 2
      dist/static/css/app.0caf81391121a14f29e1019bceccb73b.css
  3. 0 1
      dist/static/css/app.0caf81391121a14f29e1019bceccb73b.css.map
  4. 2 0
      dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css
  5. 1 0
      dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css.map
  6. 0 2
      dist/static/js/0.74ff69fa2304f9258590.js
  7. 0 1
      dist/static/js/0.74ff69fa2304f9258590.js.map
  8. 2 0
      dist/static/js/0.7b4d1afaa7a1d61afc43.js
  9. 1 0
      dist/static/js/0.7b4d1afaa7a1d61afc43.js.map
  10. 0 2
      dist/static/js/1.317fe0907748e527aea7.js
  11. 0 1
      dist/static/js/1.317fe0907748e527aea7.js.map
  12. 2 0
      dist/static/js/1.e0fb0a765bd3babfc64b.js
  13. 1 0
      dist/static/js/1.e0fb0a765bd3babfc64b.js.map
  14. 2 2
      dist/static/js/4.0c22429acfd59cee038e.js
  15. 1 1
      dist/static/js/4.0c22429acfd59cee038e.js.map
  16. 2 2
      dist/static/js/5.eb59609e4f048e6c3f1f.js
  17. 1 1
      dist/static/js/5.eb59609e4f048e6c3f1f.js.map
  18. 2 2
      dist/static/js/3.c4401f3cfcaae10e7374.js
  19. 1 1
      dist/static/js/3.c4401f3cfcaae10e7374.js.map
  20. 0 2
      dist/static/js/6.4fed1992ef28f18f7696.js
  21. 0 1
      dist/static/js/6.4fed1992ef28f18f7696.js.map
  22. 2 0
      dist/static/js/6.c207e2351dc13fae2f92.js
  23. 1 0
      dist/static/js/6.c207e2351dc13fae2f92.js.map
  24. 2 2
      dist/static/js/app.9ca1889960e85bf73306.js
  25. 1 1
      dist/static/js/app.9ca1889960e85bf73306.js.map
  26. 2 2
      dist/static/js/manifest.25f217bd5045fb44d9ad.js
  27. 1 1
      dist/static/js/manifest.25f217bd5045fb44d9ad.js.map
  28. 15 4
      src/components/Slide/index.vue
  29. 10 2
      src/components/computer/index.vue
  30. 1 1
      src/pages/about/index.vue
  31. 1 0
      src/pages/home/style.css
  32. 1 1
      src/pages/layout/footer.vue
  33. 5 6
      src/pages/planlife/index.vue
  34. 3 3
      src/pages/planlife/style.css
  35. 13 0
      src/pages/product/style.css

+ 1 - 1
dist/index.html

@@ -4,4 +4,4 @@
         hm.src = "https://hm.baidu.com/hm.js?ffaff915bbe343d0f8a2e1f3e7690551";
         var s = document.getElementsByTagName("script")[0];
         s.parentNode.insertBefore(hm, s);
-      })();</script><title>四维时代</title><link href=./static/css/app.0caf81391121a14f29e1019bceccb73b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.25f217bd5045fb44d9ad.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.9ca1889960e85bf73306.js></script></body></html>
+      })();</script><title>四维时代</title><link href=./static/css/app.1744518b66cabdaf8e745b4178a510fb.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.fc93514a15fe94951b1e.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.888489f62ca5cc96ed84.js></script></body></html>

تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 2
dist/static/css/app.0caf81391121a14f29e1019bceccb73b.css


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 1
dist/static/css/app.0caf81391121a14f29e1019bceccb73b.css.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 0
dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 0
dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 2
dist/static/js/0.74ff69fa2304f9258590.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 1
dist/static/js/0.74ff69fa2304f9258590.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 0
dist/static/js/0.7b4d1afaa7a1d61afc43.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 0
dist/static/js/0.7b4d1afaa7a1d61afc43.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 2
dist/static/js/1.317fe0907748e527aea7.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 1
dist/static/js/1.317fe0907748e527aea7.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 0
dist/static/js/1.e0fb0a765bd3babfc64b.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 0
dist/static/js/1.e0fb0a765bd3babfc64b.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 2
dist/static/js/4.0c22429acfd59cee038e.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 1
dist/static/js/4.0c22429acfd59cee038e.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 2
dist/static/js/5.eb59609e4f048e6c3f1f.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 1
dist/static/js/5.eb59609e4f048e6c3f1f.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 2
dist/static/js/3.c4401f3cfcaae10e7374.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 1
dist/static/js/3.c4401f3cfcaae10e7374.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 2
dist/static/js/6.4fed1992ef28f18f7696.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 0 - 1
dist/static/js/6.4fed1992ef28f18f7696.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 0
dist/static/js/6.c207e2351dc13fae2f92.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 0
dist/static/js/6.c207e2351dc13fae2f92.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 2
dist/static/js/app.9ca1889960e85bf73306.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 1
dist/static/js/app.9ca1889960e85bf73306.js.map


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 2 - 2
dist/static/js/manifest.25f217bd5045fb44d9ad.js


تفاوت فایلی نمایش داده نمی شود زیرا این فایل بسیار بزرگ است
+ 1 - 1
dist/static/js/manifest.25f217bd5045fb44d9ad.js.map


+ 15 - 4
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>

+ 10 - 2
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>

+ 1 - 1
src/pages/about/index.vue

@@ -7,7 +7,7 @@
         <div class="content">
           <p>四维时代(4DAGE)创立于2014年10月,致力于人工智能三维数字化技术的理论研究与应用,以实现“数字万物”为愿景,让数字化飞入寻常百姓家。<br>
             2017年6月,在中德两国总理见证下,四维时代(4DAGE)与德国人工智能研究中心(DFKI)正式签订合作协议,计划共同支持建设中德人工智能研究院。<br>
-          基于雄厚的技术背景,四维时代(4DAGE)推出的平台型产品已经广泛应用于各领域,包括数字工业、数字文博、数字生活等,并推出包括世界上首款消费级3D相机四维看看(4DKanKan)、四维模库(4DModel)、四维艺术、四维AR及四维看展等产品。 <br>
+          基于雄厚的技术背景,四维时代(4DAGE)推出的平台型产品已经广泛应用于各领域,包括数字工业、数字文博、数字生活等,并推出包括世界上首款消费级3D相机四维看看、四维模库、四维艺术、四维AR及四维看展等产品。 <br>
           四维时代是国内首家3D数字化重建技术中心,拥有世界级人工智能算法与计算机视觉技术,解决方案及产品服务多项国内外重大工程项目及工业智能化、智慧城市、房地产、新零售等领域。</p>
         </div>
         <div class="course">

+ 1 - 0
src/pages/home/style.css

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

+ 1 - 1
src/pages/layout/footer.vue

@@ -40,7 +40,7 @@
           <a href="http://www.4dmodel.com/" target="_blank">四维模库</a>
           <a href="http://www.cgaii.com" target="_blank">中德人工智能研究院</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>

+ 5 - 6
src/pages/planlife/index.vue

@@ -74,12 +74,11 @@
       <div class="lplan_4">
         <div class="info">
           <p>
-            为商户搭建集资讯发布、商品展示、消费引导、停车服务等功能为一体的在线服务平台<br>
-            运用自动化三维数字建模技术,实景还原购物空间,为消费者营造随时停驻、360°近距离浏览商品的沉浸式购物体验。<br>
-            应用高精度物体建模技术为商品建立1:1立体数据,消费者可基于在线商品模型自由决<br>
-            定颜色搭配、物料材质等细节,可应用于衣物、珠宝、玩具等。<br>
-            统计分析区域人流量数据与用户画像,洞察消费者习惯,<br>
-            助力营销策略制定和用户个性化推荐。
+            为商户搭建集资讯发布、商品展示、消费引导、停车服务等功能为一体的在线服务平台。
+            运用自动化三维数字建模技术,实景还原购物空间,为消费者营造随时停驻、360°近距离浏览商品的沉浸式购物体验。
+            应用高精度物体建模技术为商品建立1:1立体数据,消费者可基于在线商品模型自由决
+            定颜色搭配、物料材质等细节,可应用于衣物、珠宝、玩具等。
+            统计分析区域人流量数据与用户画像,洞察消费者习惯,助力营销策略制定和用户个性化推荐。
           </p>
         </div>
         <img :src="isMobile ? 'http://video.cgaii.com/new4dage/images/images/lp_3_bg_mobile.png':'http://video.cgaii.com/new4dage/images/images/lp_3_bg.png'" alt="">

+ 3 - 3
src/pages/planlife/style.css

@@ -161,13 +161,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 {

+ 13 - 0
src/pages/product/style.css

@@ -2,6 +2,15 @@
   overflow: hidden;
 }
 
+.info {
+  max-width: 900px !important;
+  margin: 0 auto;
+}
+
+.info p {
+  text-align: left;
+}
+
 .case_1 {
   background: #fff url('http://video.cgaii.com/new4dage/images/images/computer_bg.png') no-repeat left top;
   background-size: 100% 82%;
@@ -18,6 +27,10 @@
   margin-bottom: 30px;
 }
 
+.case_1 .info p {
+  text-align: left;
+}
+
 .case_1 .info h2,
 .case_1 .info p {
   color: #fff;