Jelajahi Sumber

官网修改

zhibin 6 tahun lalu
induk
melakukan
5f4b2d9a93
76 mengubah file dengan 123 tambahan dan 71 penghapusan
  1. 1 1
      dist/index.html
  2. 2 0
      dist/static/css/app.1d955c123783e39be841c203398ee428.css
  3. 1 0
      dist/static/css/app.1d955c123783e39be841c203398ee428.css.map
  4. 0 2
      dist/static/css/app.7ef55023e1fa47369f77af15e8dc95e7.css
  5. 0 1
      dist/static/css/app.7ef55023e1fa47369f77af15e8dc95e7.css.map
  6. TEMPAT SAMPAH
      dist/static/img/cast_wsq.e31a040.jpg
  7. 0 1
      dist/static/js/1.2e58caa5f8e079607d50.js.map
  8. 2 2
      dist/static/js/1.2e58caa5f8e079607d50.js
  9. 1 0
      dist/static/js/1.8adc92dea2a86fda2c87.js.map
  10. 0 2
      dist/static/js/10.7da650e33dc3edf69ff8.js
  11. 2 0
      dist/static/js/10.d255172ce2a899472034.js
  12. 1 0
      dist/static/js/10.d255172ce2a899472034.js.map
  13. 0 2
      dist/static/js/12.23e0af54b44521924066.js
  14. 0 1
      dist/static/js/12.23e0af54b44521924066.js.map
  15. 2 0
      dist/static/js/12.b0f9694b4387368c9db8.js
  16. 1 1
      dist/static/js/10.7da650e33dc3edf69ff8.js.map
  17. 2 2
      dist/static/js/14.562dcf5698b20d708383.js
  18. 1 1
      dist/static/js/14.562dcf5698b20d708383.js.map
  19. 0 2
      dist/static/js/13.e5557ab7138a58e51b2e.js
  20. 0 1
      dist/static/js/13.e5557ab7138a58e51b2e.js.map
  21. 2 0
      dist/static/js/14.2ea07654ccdb7817bc81.js
  22. 1 0
      dist/static/js/14.2ea07654ccdb7817bc81.js.map
  23. 2 0
      dist/static/js/2.26e0b03a6a2cea28438f.js
  24. 1 0
      dist/static/js/2.26e0b03a6a2cea28438f.js.map
  25. 0 1
      dist/static/js/2.e26cffc4bbcaa7d521bc.js.map
  26. 2 2
      dist/static/js/2.e26cffc4bbcaa7d521bc.js
  27. 1 0
      dist/static/js/3.c4401f3cfcaae10e7374.js.map
  28. 2 2
      dist/static/js/3.d69fce1d4f79ba687336.js
  29. 1 1
      dist/static/js/3.d69fce1d4f79ba687336.js.map
  30. 0 2
      dist/static/js/5.15084ed2e72140c923ef.js
  31. 0 1
      dist/static/js/5.15084ed2e72140c923ef.js.map
  32. 2 2
      dist/static/js/4.40469a3ad37aade3f4f8.js
  33. 1 1
      dist/static/js/4.40469a3ad37aade3f4f8.js.map
  34. 2 0
      dist/static/js/6.4fed1992ef28f18f7696.js
  35. 1 0
      dist/static/js/6.4fed1992ef28f18f7696.js.map
  36. 0 2
      dist/static/js/6.76d46eb8caa906c90f68.js
  37. 0 1
      dist/static/js/6.76d46eb8caa906c90f68.js.map
  38. 2 0
      dist/static/js/7.827c52f2e859bb5da715.js
  39. 1 0
      dist/static/js/7.827c52f2e859bb5da715.js.map
  40. 0 2
      dist/static/js/8.99abacedc5cb9e2873c0.js
  41. 0 1
      dist/static/js/8.99abacedc5cb9e2873c0.js.map
  42. 2 0
      dist/static/js/8.b5bf0912c066378c41df.js
  43. 1 0
      dist/static/js/8.b5bf0912c066378c41df.js.map
  44. 0 2
      dist/static/js/9.79c48f670ef33258e3e3.js
  45. 0 1
      dist/static/js/9.79c48f670ef33258e3e3.js.map
  46. 2 2
      dist/static/js/7.a33e3634a810c4c79787.js
  47. 1 1
      dist/static/js/7.a33e3634a810c4c79787.js.map
  48. 0 2
      dist/static/js/app.5c86ef38074476d8735c.js
  49. 0 1
      dist/static/js/app.5c86ef38074476d8735c.js.map
  50. 2 0
      dist/static/js/app.9a6c804a3a4f0e18d719.js
  51. 1 0
      dist/static/js/app.9a6c804a3a4f0e18d719.js.map
  52. 2 2
      dist/static/js/manifest.0b567bbaa58d20f80309.js
  53. 1 1
      dist/static/js/manifest.0b567bbaa58d20f80309.js.map
  54. TEMPAT SAMPAH
      src/assets/images/anima_swkz.jpg
  55. TEMPAT SAMPAH
      src/assets/images/cast_wsq.jpg
  56. TEMPAT SAMPAH
      src/assets/images/cp_1_b.png
  57. TEMPAT SAMPAH
      src/assets/images/new_2m_13.jpg
  58. TEMPAT SAMPAH
      src/assets/images/new_2m_13.zip
  59. TEMPAT SAMPAH
      src/assets/images/new_m_8.jpg
  60. TEMPAT SAMPAH
      src/assets/images/new_m_9.jpg
  61. TEMPAT SAMPAH
      src/assets/images/planculture.png
  62. TEMPAT SAMPAH
      src/assets/images/planindustry.png
  63. TEMPAT SAMPAH
      src/assets/images/planlife.png
  64. 3 3
      src/pages/about/index.vue
  65. 4 0
      src/pages/case/index.vue
  66. 3 3
      src/pages/home/index.vue
  67. 4 2
      src/pages/information/media.vue
  68. 5 1
      src/pages/layout/header.vue
  69. 2 1
      src/pages/planculture/index.vue
  70. 13 2
      src/pages/planculture/style.css
  71. 1 0
      src/pages/planindustry/index.vue
  72. 15 1
      src/pages/planindustry/style.css
  73. 1 0
      src/pages/planlife/index.vue
  74. 13 1
      src/pages/planlife/style.css
  75. 7 5
      src/pages/product/index.vue
  76. 3 3
      src/pages/technology/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.7ef55023e1fa47369f77af15e8dc95e7.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.0b567bbaa58d20f80309.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.5c86ef38074476d8735c.js></script></body></html>
+      })();</script><title>四维时代</title><link href=./static/css/app.1d955c123783e39be841c203398ee428.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.8417ed1b639e7b39f70e.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.9a6c804a3a4f0e18d719.js></script></body></html>

File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/css/app.1d955c123783e39be841c203398ee428.css


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/css/app.1d955c123783e39be841c203398ee428.css.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/css/app.7ef55023e1fa47369f77af15e8dc95e7.css


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/css/app.7ef55023e1fa47369f77af15e8dc95e7.css.map


TEMPAT SAMPAH
dist/static/img/cast_wsq.e31a040.jpg


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/1.2e58caa5f8e079607d50.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/1.2e58caa5f8e079607d50.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/1.8adc92dea2a86fda2c87.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/10.7da650e33dc3edf69ff8.js


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/10.d255172ce2a899472034.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/10.d255172ce2a899472034.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/12.23e0af54b44521924066.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/12.23e0af54b44521924066.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/12.b0f9694b4387368c9db8.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/10.7da650e33dc3edf69ff8.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/14.562dcf5698b20d708383.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/14.562dcf5698b20d708383.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/13.e5557ab7138a58e51b2e.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/13.e5557ab7138a58e51b2e.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/14.2ea07654ccdb7817bc81.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/14.2ea07654ccdb7817bc81.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/2.26e0b03a6a2cea28438f.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/2.26e0b03a6a2cea28438f.js.map


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/2.e26cffc4bbcaa7d521bc.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/2.e26cffc4bbcaa7d521bc.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/3.c4401f3cfcaae10e7374.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/3.d69fce1d4f79ba687336.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/3.d69fce1d4f79ba687336.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/5.15084ed2e72140c923ef.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/5.15084ed2e72140c923ef.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/4.40469a3ad37aade3f4f8.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/4.40469a3ad37aade3f4f8.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/6.4fed1992ef28f18f7696.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/6.4fed1992ef28f18f7696.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/6.76d46eb8caa906c90f68.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/6.76d46eb8caa906c90f68.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/7.827c52f2e859bb5da715.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/7.827c52f2e859bb5da715.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/8.99abacedc5cb9e2873c0.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/8.99abacedc5cb9e2873c0.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/8.b5bf0912c066378c41df.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/8.b5bf0912c066378c41df.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/9.79c48f670ef33258e3e3.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/9.79c48f670ef33258e3e3.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/7.a33e3634a810c4c79787.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/7.a33e3634a810c4c79787.js.map


File diff ditekan karena terlalu besar
+ 0 - 2
dist/static/js/app.5c86ef38074476d8735c.js


File diff ditekan karena terlalu besar
+ 0 - 1
dist/static/js/app.5c86ef38074476d8735c.js.map


File diff ditekan karena terlalu besar
+ 2 - 0
dist/static/js/app.9a6c804a3a4f0e18d719.js


File diff ditekan karena terlalu besar
+ 1 - 0
dist/static/js/app.9a6c804a3a4f0e18d719.js.map


File diff ditekan karena terlalu besar
+ 2 - 2
dist/static/js/manifest.0b567bbaa58d20f80309.js


File diff ditekan karena terlalu besar
+ 1 - 1
dist/static/js/manifest.0b567bbaa58d20f80309.js.map


TEMPAT SAMPAH
src/assets/images/anima_swkz.jpg


TEMPAT SAMPAH
src/assets/images/cast_wsq.jpg


TEMPAT SAMPAH
src/assets/images/cp_1_b.png


TEMPAT SAMPAH
src/assets/images/new_2m_13.jpg


TEMPAT SAMPAH
src/assets/images/new_2m_13.zip


TEMPAT SAMPAH
src/assets/images/new_m_8.jpg


TEMPAT SAMPAH
src/assets/images/new_m_9.jpg


TEMPAT SAMPAH
src/assets/images/planculture.png


TEMPAT SAMPAH
src/assets/images/planindustry.png


TEMPAT SAMPAH
src/assets/images/planlife.png


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

@@ -24,9 +24,9 @@
           <p><span>2017年07月</span>大型3D模型资源共享与交流平台四维模库(4DModel)在中国上线。</p>
           <p><span>2017年09月</span>第二届中德人工智能大会成功举办。</p>
           <p><span>2018年02月</span>首次联手中央电视台和广东春晚节目组,通过人工智能三维数字技术在中央1套和中央3套为全国观众呈现“中国奇迹”。</p>
-          <p><span>2018年05月</span>推出全球首款消费级3D相机四维看看,5分钟即可复刻100平米空间,耗时仅为传统机器采集图像时间的二十分之一,价格仅为传统3D建模设备的十分之一。
-8月,推出在线看展平台四维看展,是国内第一个利用人工智能三维数字化技术打造的线上艺术空间,是集在线看展、展览资讯、展馆详情以及热门评论于一体的平台。</p>
-          <p><span>2018年11月</span>第三届中德人工智能大会成功举办。四维时代向世界展示了业界领先的三维数字化技术和人工智能开发平台,并发布手机端三维重建技术以及四维看看六目版和转台。</p>
+          <p><span>2018年05月</span>推出全球⾸款消费级3D相机四维看看,5分钟即可复刻100平⽶空间,耗时仅为传统机器采集图像时间的⼆⼗分之⼀,价格仅为传统3D建模设备的⼗分之⼀。</p>
+          <p><span>2018年08⽉</span>推出在线看展平台四维看展,是国内第⼀个利⽤⼈⼯智能三维数字化技术打造的线上艺术空间,是集在线看展、展览资讯、展馆详情以及热⻔评论于⼀体的平台。</p>
+          <p><span>2018年11月</span>第三届中德⼈⼯智能⼤会成功举办。四维时代向世界展示了业界领先的三维数字化技术和⼈⼯智能开发平台,并发布⼿机端三维重建技术以及新版四维看看。</p>
         </div>
       </div>
       <div class="product">

+ 4 - 0
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 {

+ 3 - 3
src/pages/home/index.vue

@@ -20,21 +20,21 @@
             <div class="img"></div>
             <div class="info">
               <h3>四维看看</h3>
-              <p>世界上首款消费级3D相机。由四维时代自主研发,运用人工智能三维数字化技术,具有易操作、自动化、高精度等特点,应用于文博、地产、电商、餐饮、家居等领域,为传统行业赋能。</p>
+              <p>世界上⾸款消费级3D相机</p>
             </div>
           </a>
           <a class="h-m-2" href="#/product?id=wwq">
             <div class="img"></div>
             <div class="info">
               <h3>万物墙</h3>
-              <p>一体化展示的数字互动大屏,支持百人同时同屏体验操作超大屏,三维模型数据库集互动性知识性、科学性于一体的智慧互动大屏。</p>
+              <p>⼀体化展示的数字互动⼤屏</p>
             </div>
           </a>
           <a class="h-m-3" href="#/product?id=swys">
             <div class="img"></div>
             <div class="info">
               <h3>四维艺术</h3>
-              <p>人人皆可成为艺术大师;应用人工智能视觉技术,学习世界顶级艺术家画作,可将任意图片一键转化为艺术家画作风格,并可在多种画风间轻松切换,让人人都成为艺术大师。</p>
+              <p>⼈⼈皆可成为艺术⼤师</p>
             </div>
           </a>
         </div>

+ 4 - 2
src/pages/information/media.vue

@@ -32,10 +32,12 @@ export default {
         [
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_1.jpg', text: '四维时代(横版)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_2.jpg', text: '四维时代(直版)'},
-          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_3.jpg', text: '四维看看(横版)'},
-          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_4.jpg', text: '四维看看(直版)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_5.jpg', text: '中德人工智能研究院(中文版)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_6.jpg', text: '中德人工智能研究院(英文版)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_3.jpg', text: '四维看看(横版)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_4.jpg', text: '四维看看(直版)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_8.jpg', text: '四维看展(横版)'},
+          {img: 'http://video.cgaii.com/new4dage/images/images/new_m_9.jpg', text: '四维看展(直版)'},
           {img: 'http://video.cgaii.com/new4dage/images/images/new_m_7.jpg', text: '四维艺术'}
         ],
         [

+ 5 - 1
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.svg" @click="showMenu = false"></router-link>
       <div class="menu" :style="[{height: height}, style]" ref="menu">
@@ -202,6 +202,10 @@ export default {
     }
   },
   mounted () {
+    document.documentElement.addEventListener('click', () => {
+      this.showMenu = false
+    })
+
     if (browser.isMobile) {
       this.mxHeight = window.innerHeight - 65
     } else {

+ 2 - 1
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>数字文博</h2>
           <p>融合自动化三维数字建模和高精度机器视觉等技术,深耕数字博物馆及数字文物保护,再现华夏灿烂文明。</p>
         </div>
@@ -21,7 +22,7 @@
             <p>微信服务</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>四维看展</p>
           </div>
         </div>

+ 13 - 2
src/pages/planculture/style.css

@@ -12,7 +12,7 @@
 }
 
 .banner {
-  padding: 60px 20px 76px;
+  padding: 40px 20px 76px;
   background-color: #e6e6e6;
 }
 
@@ -152,14 +152,25 @@
   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%;
   }

+ 1 - 0
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>数字工业</h2>
           <p>将高精度三维机器视觉和SLAM技术应用到工业生产的各个环节,提高制造效率,改善产品质量,降低成本和资源消耗。</p>
         </div>

+ 15 - 1
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;

+ 1 - 0
src/pages/planlife/index.vue

@@ -2,6 +2,7 @@
   <div class="pl_layout">
     <div class="banner">
       <div>
+        <img src="@/assets/images/planlife.png"  class="logo" alt="">
         <h1>数字生活</h1>
         <p>通过三维数字化技术和大数据学习成果,创造开放、高效、便捷生活方式,让数字化飞入寻常百姓家。</p>
         <img src="http://video.cgaii.com/new4dage/images/images/lifeplan_banner.jpg">

+ 13 - 1
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;
@@ -148,6 +154,10 @@
   padding: 10px;
 }
 
+.banner .info img {
+  width: 50px;
+  margin-bottom: 30px;
+}
 
 @media screen and (min-width: 1040px) {
   .lplan_4 .info {
@@ -163,10 +173,12 @@
   }
 
   .banner h1 {
-    font-size: 30px;
+    font-size: 48px;
     margin-bottom: 30px;
   }
 
+  
+
   .banner p {
     font-size: 16px;
     line-height: 30px;

+ 7 - 5
src/pages/product/index.vue

@@ -19,14 +19,14 @@
       <div>
         <div class="info">
           <h2 class="m-title notLink">
-            <a href="http://www.4dmodel.com/">四维模库</a>
+            <a href="http://www.4dmodel.com/" target="_blank">四维模库</a>
           </h2>
           <p class="m-content">
             四维模库是一个汇聚国内外顶尖3D从业者,集3D图像场景生成、在线编辑渲染、AR/VR展示及作品交流、分享与服务功能的专业平台。<br>
             四维模库利用强大的云计算能力,让用户轻松通过拍照自动生成3D模型,并在线分享至任何社交媒体,无需插件兼容各平台,随时随地皆可浏览。
           </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>
 
@@ -49,11 +49,12 @@
         <div class="info">
           <h2 class="m-title">四维看展</h2>
           <p class="m-content">
-            四维看展是国内首家集文字,图片,语音,在线场景漫游于一体的线上艺术空间。打开小程序即可浏览全球最新最全的艺术资讯,实时了解最热门的文博动态;<br>
+            四维看展是国内首家集文字、图片、语音、在线场景漫游于一体的线上艺术空间。打开小程序即可浏览全球最新最全的艺术资讯,实时了解最热门的文博动态;<br>
             足不出户就能逛遍艺术展厅,720°轻松鉴赏艺术作品。它是一座永不落幕的美术馆,带你踏上数字艺术之旅。
           </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>
 
@@ -62,9 +63,10 @@
         <h2 class="m-title">万物墙</h2>
         <p class="m-content">震撼高清大屏展示,实现百人同时触控操作,多元化的交互展示系统,支持图像、视频、声音、三维模型等多媒体格式,广泛应用于文博、地产和商业等内容丰富,展示性强的行业。</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="@/assets/images/cast_wsq.jpg" alt="" v-else style="padding: 0 10px">
     </div>
 
     <div class="case_6" id="swar"  @touchend.stop="active = false">

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

@@ -22,7 +22,7 @@
 }
 
 .t_2_info img{
-  margin-bottom: 15px;
+  /* margin-bottom: 15px; */
 }
 
 .t_2_info h2 {
@@ -93,7 +93,7 @@
 
 .b-l h2 {
   font-size: 48px;
-  line-height: 56px;
+  line-height: 64px;
   margin-bottom: 25px;
   color: #fff;
 }
@@ -129,7 +129,7 @@
   font-size: 50px;
   color: #041019;
   line-height: 70px;
-  margin-top: 36px;
+  margin-top: 30px;
 }
 
 .info p {