Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
Official
/
Front_End_CN
2
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Browse Source

修改关于我们

zhibin 6 năm trước cách đây
mục cha
62b89fd029
commit
9e648c9c68
29 tập tin đã thay đổi với 291 bổ sung và 25 xóa
View chưa được định nghĩa Hiển thị tình trạng sai khác
  1. 1 1
      dist/index.html
  2. 0 2
      dist/static/js/10.0613b501a8f00ef014b2.js
  3. 0 1
      dist/static/js/10.0613b501a8f00ef014b2.js.map
  4. 0 2
      dist/static/js/11.1c8974a628ccba365588.js
  5. 0 1
      dist/static/js/11.1c8974a628ccba365588.js.map
  6. 0 2
      dist/static/js/12.26101f4b11f847e0136a.js
  7. 0 1
      dist/static/js/12.26101f4b11f847e0136a.js.map
  8. 0 2
      dist/static/js/13.1579ccccf48c1c3404a9.js
  9. 0 1
      dist/static/js/13.1579ccccf48c1c3404a9.js.map
  10. 0 2
      dist/static/js/8.b5bf0912c066378c41df.js
  11. 0 1
      dist/static/js/8.b5bf0912c066378c41df.js.map
  12. 0 2
      dist/static/js/9.be331fb628a62e26d3cd.js
  13. 0 1
      dist/static/js/9.be331fb628a62e26d3cd.js.map
  14. 0 2
      dist/static/js/app.e8b72e142bca3c44af91.js
  15. 0 1
      dist/static/js/app.e8b72e142bca3c44af91.js.map
  16. BIN
      src/assets/images/bg1.png
  17. BIN
      src/assets/images/bg2.png
  18. BIN
      src/assets/images/bg3.png
  19. BIN
      src/assets/images/bg4.png
  20. BIN
      src/assets/images/item-1.jpg
  21. BIN
      src/assets/images/item-2.jpg
  22. BIN
      src/assets/images/item-3.jpg
  23. BIN
      src/assets/images/item-4.jpg
  24. BIN
      src/assets/images/item-5.jpg
  25. BIN
      src/assets/images/item-6.jpg
  26. 73 0
      src/pages/about/index.vue
  27. 207 0
      src/pages/about/style.css
  28. 9 2
      src/pages/information/news/details.vue
  29. 1 1
      src/pages/information/news/index.vue

+ 1 - 1
dist/index.html
Xem Tập Tin 

@@ -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.8cc4459b798bd392620326382bde5cd5.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.58a377dfb1022be1547e.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>
 
+      })();</script><title>四维时代</title><link href=./static/css/app.b27f1364601e111d38b153e10d09330b.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.918ac18dd4b660d80172.js></script><script type=text/javascript src=./static/js/vendor.2b1ab4a90cc9aae36b2c.js></script><script type=text/javascript src=./static/js/app.4d3dbc6c0b5dc561ff1a.js></script></body></html>

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/10.0613b501a8f00ef014b2.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/10.0613b501a8f00ef014b2.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/11.1c8974a628ccba365588.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/11.1c8974a628ccba365588.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/12.26101f4b11f847e0136a.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/12.26101f4b11f847e0136a.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/13.1579ccccf48c1c3404a9.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/13.1579ccccf48c1c3404a9.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/8.b5bf0912c066378c41df.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/8.b5bf0912c066378c41df.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/9.be331fb628a62e26d3cd.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/9.be331fb628a62e26d3cd.js.map


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 2
dist/static/js/app.e8b72e142bca3c44af91.js


Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 1
dist/static/js/app.e8b72e142bca3c44af91.js.map


BIN
src/assets/images/bg1.png
Xem Tập Tin


BIN
src/assets/images/bg2.png
Xem Tập Tin


BIN
src/assets/images/bg3.png
Xem Tập Tin


BIN
src/assets/images/bg4.png
Xem Tập Tin


BIN
src/assets/images/item-1.jpg
Xem Tập Tin


BIN
src/assets/images/item-2.jpg
Xem Tập Tin


BIN
src/assets/images/item-3.jpg
Xem Tập Tin


BIN
src/assets/images/item-4.jpg
Xem Tập Tin


BIN
src/assets/images/item-5.jpg
Xem Tập Tin


BIN
src/assets/images/item-6.jpg
Xem Tập Tin


+ 73 - 0
src/pages/about/index.vue
Xem Tập Tin 

@@ -29,9 +29,82 @@
 
           <p><span>2018年11月</span>第三届中德⼈⼯智能⼤会成功举办。四维时代向世界展示了业界领先的三维数字化技术和⼈⼯智能开发平台，并发布⼿机端三维重建技术以及新版四维看看。</p>
 
           <p><span>2018年11月</span>第三届中德⼈⼯智能⼤会成功举办。四维时代向世界展示了业界领先的三维数字化技术和⼈⼯智能开发平台，并发布⼿机端三维重建技术以及新版四维看看。</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
+
 
       <div class="product">
 
       <div class="product">
 
         <ImageShear :src="contentbg" :height="height" class="bg" />
 
         <ImageShear :src="contentbg" :height="height" class="bg" />
 
       </div>
 
       </div>
 
+
 
+      <div class="join-info">
 
+
 
+        <div class="join-item">
 
+          <img src="@/assets/images/bg1.png" class="join-bg-1 join-bg-item-1">
 
+          <div class="join-content">
 
+            <div class="join-img">
 
+              <div class="img">
 
+                <img src="@/assets/images/item-1.jpg" alt="">
 
+              </div>
 
+              <div class="img">
 
+                <img src="@/assets/images/item-2.jpg" alt="">
 
+              </div>
 
+            </div>
 
+            <div class="join-list">
 
+              <h4>中德合作</h4>
 
+              <ul>
 
+                <li>四维时代与德国人工智能研究中（ DFKI ） 合作成立中德人工智能研究院（CGAII）， 目前有中德专家团队成员约200人 ， 团队成员均为来自DFKI以及四维时代的高级研究员。</li>
 
+                <li>创始人及高管人员均为欧洲海归博士及国内名校高材生，研发团 队具有丰富的技术开发与项目运营经验。</li>
 
+                <li>每年举办中德人工智能大会，为中德科研交流与产业落地打造国</li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <img src="@/assets/images/bg2.png" class="join-bg-2 join-bg-item-2">
 
+        </div>
 
+
 
+        <div class="join-item">
 
+          <img src="@/assets/images/bg3.png" class="join-bg-1 join-bg-item-3">
 
+          <div class="join-content">
 
+            <div class="join-img">
 
+              <div class="img">
 
+                <img src="@/assets/images/item-3.jpg" alt="">
 
+              </div>
 
+              <div class="img">
 
+                <img src="@/assets/images/item-4.jpg" alt="">
 
+              </div>
 
+            </div>
 
+            <div class="join-list">
 
+              <h4>人才培养</h4>
 
+              <ul>
 
+                <li>国际化、多元化工作环境，与来自全球的四维人创造卓越的产品。</li>
 
+                <li>教育基金Wonder Age计划，全力支持员工通过学习顶尖课程培养职业技能与领导力。</li>
 
+                <li>每年定期多次派出员工到德国人工智能研究中心（DFKI）访问学习。</li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+          <img src="@/assets/images/bg4.png" class="join-bg-2 join-bg-item-4">
 
+        </div>
 
+
 
+        <div class="join-item">
 
+          <div class="join-content">
 
+            <div class="join-img">
 
+              <div class="img">
 
+                <img src="@/assets/images/item-5.jpg" alt="">
 
+              </div>
 
+              <div class="img">
 
+                <img src="@/assets/images/item-6.jpg" alt="">
 
+              </div>
 
+            </div>
 
+            <div class="join-list">
 
+              <h4>团队福利</h4>
 
+              <ul>
 
+                <li>六险一金齐全，周末双休，入户珠海机会。</li>
 
+                <li>弹性工作制， 每年1-3次调薪机会， 丰厚年终奖， 带薪年假。</li>
 
+                <li>优质宿舍，上班接送车，每天水果饮品晚餐供应，每月购书福利，节日福利，年度免费体检，年终境外旅游。</li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </div>
 
+
 
+      </div>
 
+
 
       <div class="recruit"  id="jrwm">
 
       <div class="recruit"  id="jrwm">
 
         <Recruit />
 
         <Recruit />
 
       </div>
 
       </div>

+ 207 - 0
src/pages/about/style.css
Xem Tập Tin 

@@ -46,7 +46,144 @@
 
   margin-top: 100px;
 
   margin-top: 100px;
 
 }
 
 }
 
 
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+.join-list h4 {
 
+  font-size: 2em;
 
+  color: #3e3e3e;
 
+  margin-bottom: 1em;
 
+}
 
+
 
+.join-list li {
 
+  font-size: 0.933em;
 
+  color: #6c6c6c;
 
+  line-height: 2em;
 
+  list-style: disc
 
+}
 
+
 
+.join-img {
 
+  text-align: center;
 
+  position: relative;
 
+}
 
+
 
+.join-img .img {
 
+  width: 67.23%;
 
+  height: auto;
 
+  border: 7px solid #fff;
 
+  box-sizing: border-box;
 
+  display: inline-block;
 
+  overflow: hidden;
 
+  position: relative;
 
+  z-index: 1;
 
+}
 
+
 
+.join-img .img img {
 
+  width: 100%;
 
+  transition: transform .3s linear;
 
+  display: block;
 
+}
 
+
 
+.join-img .img img:hover {
 
+  transform: scale(1.1);
 
+}
 
+
 
+.join-img .img:nth-child(2) {
 
+  position: absolute;
 
+  z-index: 0;
 
+  left: 50%;
 
+  top: 50%;
 
+  transform-origin: 80% 20%;
 
+  transform: translateX(-50%) translateY(-50%) scale(1.07) rotateZ(15deg);
 
+  
+}
 
+
 
+
 
+.join-item:nth-child(2n) .join-img img:nth-child(2) {
 
+  transform-origin: 20% 20%;
 
+  transform: translateX(-50%) translateY(-50%) scale(1.07) rotateZ(-10deg);
 
+}
 
+
 
+.join-info {
 
+  overflow: hidden;
 
+}
 
+
 
+.join-item {
 
+  padding-top: 100px;
 
+  padding-bottom: 50px;
 
+  position: relative;
 
+}
 
+
 
+.join-bg-1 {
 
+  position: absolute;
 
+  right: 0;
 
+  top: 0;
 
+  transform: translateX(30%);
 
+  z-index: -1
 
+}
 
+
 
+.join-bg-2 {
 
+  position: absolute;
 
+  bottom: 0;
 
+  left: 0;
 
+  transform: translateX(-30%) translateY(50%);
 
+  z-index: -1
 
+}
 
+
 
+.join-img {
 
+  width: 60%;
 
+  max-width: 470px;
 
+  margin: 0 auto;
 
+}
 
+
 
+.join-list {
 
+  padding-top: 30px;
 
+  width: 60%;
 
+  max-width: 470px;
 
+  margin: 0 auto;
 
+}
 
+
 
+
 
+.join-list h4 {
 
+  text-align: center;
 
+}
 
+.join-bg-item-1 {
 
+  width: 40.32%;
 
+}
 
+
 
+.join-bg-item-2 {
 
+  width: 36.54%;
 
+}
 
+
 
+.join-bg-item-3 {
 
+  width: 38.77%;
 
+}
 
+
 
+.join-bg-item-4 {
 
+  width: 17.76%;
 
+}
 
+
 
 @media screen and (min-width: 980px) {
 
 @media screen and (min-width: 980px) {
 
+  .join-content {
 
+    max-width: 980px;
 
+    margin: 0 auto;
 
+    width: 60%;
 
+  }
 
+
 
+  .join-content::after {
 
+    content: '';
 
+    display: block;
 
+    clear: both;
 
+  }
 
+
 
+  .join-info {
 
+    padding-top: 220px;
 
+  }
 
+
 
   .course span::after {
 
   .course span::after {
 
     padding: 0 20px;
 
     padding: 0 20px;
 
   }
 
   }
 
@@ -58,4 +195,74 @@
 
   .banner {
 
   .banner {
 
     margin-bottom: 100px;
 
     margin-bottom: 100px;
 
   }
 
   }
 
+
 
+  .join-list li {
 
+    line-height: 3em;
 
+  }
 
+
 
+  .join-item {
 
+    margin-top: 100px;
 
+    padding-bottom: 230px;
 
+    position: relative;
 
+  }
 
+
 
+  .join-item:last-child {
 
+    padding-bottom: 50px;
 
+  }
 
+
 
+  .join-bg-1 {
 
+    position: absolute;
 
+    right: 0;
 
+    top: 0;
 
+    transform: translateY(-50%);
 
+    z-index: -1
 
+  }
 
+
 
+  .join-bg-2 {
 
+    position: absolute;
 
+    bottom: 0;
 
+    left: 0;
 
+    transform: translateY(50%);
 
+    z-index: -1
 
+  }
 
+
 
+  .join-img {
 
+    width: 48%;
 
+  }
 
+
 
+  .join-list {
 
+    width: 46%;
 
+  }
 
+
 
+  .join-item:nth-child(2n - 1) .join-list {
 
+    float: right
 
+  }
 
+
 
+  .join-item:nth-child(2n) .join-list {
 
+    float: left
 
+  }
 
+
 
+  .join-item:nth-child(2n - 1) .join-img {
 
+    float: left
 
+  }
 
+
 
+  .join-item:nth-child(2n) .join-img {
 
+    float: right
 
+  }
 
+
 
+  .join-bg-item-1 {
 
+    width: 29.32%;
 
+  }
 
+
 
+  .join-bg-item-2 {
 
+    width: 23.54%;
 
+  }
 
+
 
+  .join-bg-item-3 {
 
+    width: 27.77%;
 
+  }
 
+
 
+  .join-bg-item-4 {
 
+    width: 17.76%;
 
+  }
 
 }
 
 }

+ 9 - 2
src/pages/information/news/details.vue
Xem Tập Tin 

@@ -1,5 +1,5 @@
 
 <template>
 
 <template>
 
-  <div class="layout" v-if="article">
 
+  <div class="layout" v-if="article" :class="{mobile: isMobile}" >
 
     <h2>{{article.title}}</h2>
 
     <h2>{{article.title}}</h2>
 
     <span v-if="article.date">{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表</span>
 
     <span v-if="article.date">{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表</span>
 
     <span>{{article.label}}</span>
 
     <span>{{article.label}}</span>
 
@@ -8,9 +8,12 @@
 
 </template>
 
 </template>
 
 
 
 <script>
 
 <script>
 
+import browser from '@/util/browser'
 
+
 
 export default {
 
 export default {
 
   data () {
 
   data () {
 
     return {
 
     return {
 
+      isMobile: browser.mobile,
 
       article: null
 
       article: null
 
     }
 
     }
 
   },
 
   },
 
@@ -24,11 +27,15 @@ export default {
 
 <style scoped>
 
 <style scoped>
 
 .layout {
 
 .layout {
 
   margin: 50px auto;
 
   margin: 50px auto;
 
-  max-width: 1200px;
 
+  max-width: 780px;
 
   padding: 0 20px;
 
   padding: 0 20px;
 
   text-align: center;
 
   text-align: center;
 
 }
 
 }
 
 
 
+.layout.mobile {
 
+  text-align: left;
 
+}
 
+
 
 .layout > h2 {
 
 .layout > h2 {
 
   font-size: 18px;
 
   font-size: 18px;
 
   color: #000000;
 
   color: #000000;

+ 1 - 1
src/pages/information/news/index.vue
Xem Tập Tin 

@@ -8,7 +8,7 @@
 
           <template v-if="article.origin">来源：{{article.origin}} &nbsp;|&nbsp;</template>
 
           <template v-if="article.origin">来源：{{article.origin}} &nbsp;|&nbsp;</template>
 
           {{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表
 
           {{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表
 
         </span>
 
         </span>
 
-        <p>{{getContent(article.content)}}</p>
 
+        <p>{{article.brief}}</p>
 
         <a :href="'#/information/news/' + article.id">阅读全文>></a>
 
         <a :href="'#/information/news/' + article.id">阅读全文>></a>
 
       </div>
 
       </div>
 
     </div>
 
     </div>