Home Explore Help
Register Sign In
Official
/
Front_End_CN
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

修改界面

zhibin 6 years ago
parent
3cbb720de7
commit
c3668972e0
22 changed files with 31 additions and 28 deletions
Unified View Show Diff Stats
  1. 1 1
      dist/index.html
  2. 0 2
      dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css
  3. 0 1
      dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css.map
  4. 2 0
      dist/static/css/app.22e68b01c1a836d92176f72f61c6199f.css
  5. 1 0
      dist/static/css/app.22e68b01c1a836d92176f72f61c6199f.css.map
  6. 2 2
      dist/static/js/2.2cb0fdf9e3b7853adada.js
  7. 1 0
      dist/static/js/2.1cc5a558025e98c6377c.js.map
  8. 0 1
      dist/static/js/2.2cb0fdf9e3b7853adada.js.map
  9. 2 0
      dist/static/js/6.bcf8808b56a65095f5fd.js
  10. 1 0
      dist/static/js/6.bcf8808b56a65095f5fd.js.map
  11. 0 2
      dist/static/js/6.c207e2351dc13fae2f92.js
  12. 0 1
      dist/static/js/6.c207e2351dc13fae2f92.js.map
  13. 0 2
      dist/static/js/app.888489f62ca5cc96ed84.js
  14. 2 0
      dist/static/js/app.e8b72e142bca3c44af91.js
  15. 1 1
      dist/static/js/app.888489f62ca5cc96ed84.js.map
  16. 2 2
      dist/static/js/manifest.fc93514a15fe94951b1e.js
  17. 1 1
      dist/static/js/manifest.fc93514a15fe94951b1e.js.map
  18. 4 1
      src/pages/layout/footer.vue
  19. 3 3
      src/pages/planlife/index.vue
  20. 1 1
      src/pages/planlife/style.css
  21. 5 5
      src/pages/product/index.vue
  22. 2 2
      src/pages/product/style.css

+ 1 - 1
dist/index.html
View File 

@@ -4,4 +4,4 @@
 
         hm.src = "https://hm.baidu.com/hm.js?ffaff915bbe343d0f8a2e1f3e7690551";
 
         hm.src = "https://hm.baidu.com/hm.js?ffaff915bbe343d0f8a2e1f3e7690551";
 
         var s = document.getElementsByTagName("script")[0];
 
         var s = document.getElementsByTagName("script")[0];
 
         s.parentNode.insertBefore(hm, s);
 
         s.parentNode.insertBefore(hm, s);
 
-      })();</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>
 
+      })();</script><title>四维时代</title><link href=./static/css/app.22e68b01c1a836d92176f72f61c6199f.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.a62dae5e7d4bbf22c41f.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.e8b72e142bca3c44af91.js></script></body></html>

File diff suppressed because it is too large
+ 0 - 2
dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css


File diff suppressed because it is too large
+ 0 - 1
dist/static/css/app.1744518b66cabdaf8e745b4178a510fb.css.map


File diff suppressed because it is too large
+ 2 - 0
dist/static/css/app.22e68b01c1a836d92176f72f61c6199f.css


File diff suppressed because it is too large
+ 1 - 0
dist/static/css/app.22e68b01c1a836d92176f72f61c6199f.css.map


File diff suppressed because it is too large
+ 2 - 2
dist/static/js/2.2cb0fdf9e3b7853adada.js


File diff suppressed because it is too large
+ 1 - 0
dist/static/js/2.1cc5a558025e98c6377c.js.map


File diff suppressed because it is too large
+ 0 - 1
dist/static/js/2.2cb0fdf9e3b7853adada.js.map


File diff suppressed because it is too large
+ 2 - 0
dist/static/js/6.bcf8808b56a65095f5fd.js


File diff suppressed because it is too large
+ 1 - 0
dist/static/js/6.bcf8808b56a65095f5fd.js.map


File diff suppressed because it is too large
+ 0 - 2
dist/static/js/6.c207e2351dc13fae2f92.js


File diff suppressed because it is too large
+ 0 - 1
dist/static/js/6.c207e2351dc13fae2f92.js.map


File diff suppressed because it is too large
+ 0 - 2
dist/static/js/app.888489f62ca5cc96ed84.js


File diff suppressed because it is too large
+ 2 - 0
dist/static/js/app.e8b72e142bca3c44af91.js


File diff suppressed because it is too large
+ 1 - 1
dist/static/js/app.888489f62ca5cc96ed84.js.map


File diff suppressed because it is too large
+ 2 - 2
dist/static/js/manifest.fc93514a15fe94951b1e.js


File diff suppressed because it is too large
+ 1 - 1
dist/static/js/manifest.fc93514a15fe94951b1e.js.map


+ 4 - 1
src/pages/layout/footer.vue
View File 

@@ -82,7 +82,7 @@ export default {
 
 
 
   .wlbm {
 
   .wlbm {
 
     margin-bottom: 15px;
 
     margin-bottom: 15px;
 
-    text-align: center;
 
+    text-align: left;
 
   }
 
   }
 
 
 
   .wlbm a:last-child {
 
   .wlbm a:last-child {
 
@@ -144,6 +144,9 @@ export default {
 
   }
 
   }
 
 
 
   @media screen and (max-width: 1050px) {
 
   @media screen and (max-width: 1050px) {
 
+    .wlbm {
 
+      text-align: center;
 
+    }
 
     .footer {
 
     .footer {
 
       padding-top: 30px;
 
       padding-top: 30px;
 
       padding-bottom: 20px;
 
       padding-bottom: 20px;

+ 3 - 3
src/pages/planlife/index.vue
View File 

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

+ 1 - 1
src/pages/planlife/style.css
View File 

@@ -167,7 +167,7 @@
 
     position: absolute;
 
     position: absolute;
 
     left: 26%;
 
     left: 26%;
 
     top: 12%;
 
     top: 12%;
 
-    width: 54.6%;
 
+    width: 50%;
 
     padding: 0;
 
     padding: 0;
 
   }
 
   }
 
   .banner {
 
   .banner {

+ 5 - 5
src/pages/product/index.vue
View File 

@@ -7,11 +7,11 @@
 
           </h2>
 
           </h2>
 
           <p class="m-content">
 
           <p class="m-content">
 
             世界上首款消费级3D相机， 5分钟即可复刻100平米空间，耗时仅为传统机器采集图像时间的二十分之一，价格仅为传统3D建模设备的十分之一。
 
             世界上首款消费级3D相机， 5分钟即可复刻100平米空间，耗时仅为传统机器采集图像时间的二十分之一，价格仅为传统3D建模设备的十分之一。
 
-            <br>该产品由四维时代自主研发，运用人工智能三维数字化技术，具有易操作、自动化、高精度等特点，应用于文博、地产、电商、餐饮、家居等领域，为传统行业赋能。
 
+            该产品由四维时代自主研发，运用人工智能三维数字化技术，具有易操作、自动化、高精度等特点，应用于文博、地产、电商、餐饮、家居等领域，为传统行业赋能。
 
           </p>
 
           </p>
 
       </div>
 
       </div>
 
       <computer
 
       <computer
 
-        src="//www.4dkankan.com/show.html?m=laaVIiT7"
 
+        src="http://www.4dmodel.com/SuperPanoramic/index.html?m=55"
 
         imgSrc="http://video.cgaii.com/new4dage/images/images/macbook_product.png"/>
 
         imgSrc="http://video.cgaii.com/new4dage/images/images/macbook_product.png"/>
 
     </div>
 
     </div>
 
 
 
@@ -22,7 +22,7 @@
 
             <a href="http://www.4dmodel.com/" target="_blank">四维模库</a>
 
             <a href="http://www.4dmodel.com/" target="_blank">四维模库</a>
 
           </h2>
 
           </h2>
 
           <p class="m-content">
 
           <p class="m-content">
 
-            四维模库是一个汇聚国内外顶尖3D从业者，集3D图像场景生成、在线编辑渲染、AR/VR展示及作品交流、分享与服务功能的专业平台。<br>
 
+            四维模库是一个汇聚国内外顶尖3D从业者，集3D图像场景生成、在线编辑渲染、AR/VR展示及作品交流、分享与服务功能的专业平台。
 
             四维模库利用强大的云计算能力，让用户轻松通过拍照自动生成3D模型，并在线分享至任何社交媒体，无需插件兼容各平台，随时随地皆可浏览。
 
             四维模库利用强大的云计算能力，让用户轻松通过拍照自动生成3D模型，并在线分享至任何社交媒体，无需插件兼容各平台，随时随地皆可浏览。
 
           </p>
 
           </p>
 
         </div>
 
         </div>
 
@@ -49,7 +49,7 @@
 
         <div class="info">
 
         <div class="info">
 
           <h2 class="m-title">四维看展</h2>
 
           <h2 class="m-title">四维看展</h2>
 
           <p class="m-content">
 
           <p class="m-content">
 
-            四维看展是国内首家集文字、图片、语音、在线场景漫游于一体的线上艺术空间。打开小程序即可浏览全球最新最全的艺术资讯，实时了解最热门的文博动态；<br>
 
+            四维看展是国内首家集文字、图片、语音、在线场景漫游于一体的线上艺术空间。打开小程序即可浏览全球最新最全的艺术资讯，实时了解最热门的文博动态；
 
             足不出户就能逛遍艺术展厅，720°轻松鉴赏艺术作品。它是一座永不落幕的美术馆，带你踏上数字艺术之旅。
 
             足不出户就能逛遍艺术展厅，720°轻松鉴赏艺术作品。它是一座永不落幕的美术馆，带你踏上数字艺术之旅。
 
           </p>
 
           </p>
 
         </div>
 
         </div>
 
@@ -75,7 +75,7 @@
 
         <div class="info">
 
         <div class="info">
 
           <h2 class="m-title">四维AR</h2>
 
           <h2 class="m-title">四维AR</h2>
 
           <p class="m-content">
 
           <p class="m-content">
 
-            运用AR技术将动画等三维素材印转换为二维图案。用户可通过下载安装“四维AR”应用，扫描印花图案，观看动画效果，分享至社交平台，<br>
 
+            运用AR技术将动画等三维素材印转换为二维图案。用户可通过下载安装“四维AR”应用，扫描印花图案，观看动画效果，分享至社交平台，
 
             该产品已应用于个性T恤、工业展览、博物馆展览等领域。
 
             该产品已应用于个性T恤、工业展览、博物馆展览等领域。
 
           </p>
 
           </p>
 
           <a class="button srcode-a" :class="{active: active}" @touchend.stop="active = true">
 
           <a class="button srcode-a" :class="{active: active}" @touchend.stop="active = true">

+ 2 - 2
src/pages/product/style.css
View File 

@@ -8,7 +8,7 @@
 
 }
 
 }
 
 
 
 .info p {
 
 .info p {
 
-  text-align: left;
 
+  text-align: center;
 
 }
 
 }
 
 
 
 .case_1 {
 
 .case_1 {
 
@@ -28,7 +28,7 @@
 
 }
 
 }
 
 
 
 .case_1 .info p {
 
 .case_1 .info p {
 
-  text-align: left;
 
+  text-align: center;
 
 }
 
 }
 
 
 
 .case_1 .info h2,
 
 .case_1 .info h2,