6 years ago · 9e648c9c68
--- a/dist/index.html
+++ b/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.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>
			
--- a/dist/static/js/10.0613b501a8f00ef014b2.js
+++ b/dist/static/js/10.0613b501a8f00ef014b2.js
--- a/dist/static/js/10.0613b501a8f00ef014b2.js.map
+++ b/dist/static/js/10.0613b501a8f00ef014b2.js.map
--- a/dist/static/js/11.1c8974a628ccba365588.js
+++ b/dist/static/js/11.1c8974a628ccba365588.js
--- a/dist/static/js/11.1c8974a628ccba365588.js.map
+++ b/dist/static/js/11.1c8974a628ccba365588.js.map
--- a/dist/static/js/12.26101f4b11f847e0136a.js
+++ b/dist/static/js/12.26101f4b11f847e0136a.js
--- a/dist/static/js/12.26101f4b11f847e0136a.js.map
+++ b/dist/static/js/12.26101f4b11f847e0136a.js.map
--- a/dist/static/js/13.1579ccccf48c1c3404a9.js
+++ b/dist/static/js/13.1579ccccf48c1c3404a9.js
--- a/dist/static/js/13.1579ccccf48c1c3404a9.js.map
+++ b/dist/static/js/13.1579ccccf48c1c3404a9.js.map
--- a/dist/static/js/8.b5bf0912c066378c41df.js
+++ b/dist/static/js/8.b5bf0912c066378c41df.js
--- a/dist/static/js/8.b5bf0912c066378c41df.js.map
+++ b/dist/static/js/8.b5bf0912c066378c41df.js.map
--- a/dist/static/js/9.be331fb628a62e26d3cd.js
+++ b/dist/static/js/9.be331fb628a62e26d3cd.js
--- a/dist/static/js/9.be331fb628a62e26d3cd.js.map
+++ b/dist/static/js/9.be331fb628a62e26d3cd.js.map
--- a/dist/static/js/app.e8b72e142bca3c44af91.js
+++ b/dist/static/js/app.e8b72e142bca3c44af91.js
--- a/dist/static/js/app.e8b72e142bca3c44af91.js.map
+++ b/dist/static/js/app.e8b72e142bca3c44af91.js.map
--- a/src/assets/images/bg1.png
+++ b/src/assets/images/bg1.png
--- a/src/assets/images/bg2.png
+++ b/src/assets/images/bg2.png
--- a/src/assets/images/bg3.png
+++ b/src/assets/images/bg3.png
--- a/src/assets/images/bg4.png
+++ b/src/assets/images/bg4.png
--- a/src/assets/images/item-1.jpg
+++ b/src/assets/images/item-1.jpg
--- a/src/assets/images/item-2.jpg
+++ b/src/assets/images/item-2.jpg
--- a/src/assets/images/item-3.jpg
+++ b/src/assets/images/item-3.jpg
--- a/src/assets/images/item-4.jpg
+++ b/src/assets/images/item-4.jpg
--- a/src/assets/images/item-5.jpg
+++ b/src/assets/images/item-5.jpg
--- a/src/assets/images/item-6.jpg
+++ b/src/assets/images/item-6.jpg
--- a/src/pages/about/index.vue
+++ b/src/pages/about/index.vue
@@ -29,9 +29,82 @@
 
				           <p><span>2018年11月</span>第三届中德⼈⼯智能⼤会成功举办。四维时代向世界展示了业界领先的三维数字化技术和⼈⼯智能开发平台，并发布⼿机端三维重建技术以及新版四维看看。</p>
			
 
				         </div>
			
 
				       </div>
			
 
				+
			
 
				       <div class="product">
			
 
				         <ImageShear :src="contentbg" :height="height" class="bg" />
			
 
				       </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">
			
 
				         <Recruit />
			
 
				       </div>
			
--- a/src/pages/about/style.css
+++ b/src/pages/about/style.css
@@ -46,7 +46,144 @@
 
				   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) {
			
 
				+  .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 {
			
 
				     padding: 0 20px;
			
 
				   }
			
@@ -58,4 +195,74 @@
 
				   .banner {
			
 
				     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%;
			
 
				+  }
			
 
				 }
			
--- a/src/pages/information/news/details.vue
+++ b/src/pages/information/news/details.vue
@@ -1,5 +1,5 @@
 
				 <template>
			
 
				-  <div class="layout" v-if="article">
			
 
				+  <div class="layout" v-if="article" :class="{mobile: isMobile}" >
			
 
				     <h2>{{article.title}}</h2>
			
 
				     <span v-if="article.date">{{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表</span>
			
 
				     <span>{{article.label}}</span>
			
@@ -8,9 +8,12 @@
 
				 </template>
			
 
				 
			
 
				 <script>
			
 
				+import browser from '@/util/browser'
			
 
				+
			
 
				 export default {
			
 
				   data () {
			
 
				     return {
			
 
				+      isMobile: browser.mobile,
			
 
				       article: null
			
 
				     }
			
 
				   },
			
@@ -24,11 +27,15 @@ export default {
 
				 <style scoped>
			
 
				 .layout {
			
 
				   margin: 50px auto;
			
 
				-  max-width: 1200px;
			
 
				+  max-width: 780px;
			
 
				   padding: 0 20px;
			
 
				   text-align: center;
			
 
				 }
			
 
				 
			
 
				+.layout.mobile {
			
 
				+  text-align: left;
			
 
				+}
			
 
				+
			
 
				 .layout > h2 {
			
 
				   font-size: 18px;
			
 
				   color: #000000;
			
--- a/src/pages/information/news/index.vue
+++ b/src/pages/information/news/index.vue
@@ -8,7 +8,7 @@
 
				           <template v-if="article.origin">来源：{{article.origin}} &nbsp;|&nbsp;</template>
			
 
				           {{new Date(Number(article.date)).format('yyyy-MM-dd')}} 发表
			
 
				         </span>
			
 
				-        <p>{{getContent(article.content)}}</p>
			
 
				+        <p>{{article.brief}}</p>
			
 
				         <a :href="'#/information/news/' + article.id">阅读全文>></a>
			
 
				       </div>
			
 
				     </div>