更新http文件链接为https

config/index.js

@@ -13,7 +13,7 @@ module.exports = {
     proxyTable: {},
 
     // Various Dev Server settings
-    host: '192.168.0.103', // can be overwritten by process.env.HOST
+    host: '192.168.0.197', // can be overwritten by process.env.HOST
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: false,
     errorOverlay: true,

src/components/introduce/style.css

@@ -2,6 +2,8 @@
   margin: 50px;
 }
 .i-title{
+  max-width: 50vw;
+  margin-left: 17px;
   font-size: 28px;
   font-weight: bold;
   line-height: 1.5;
@@ -25,6 +27,7 @@
 
 @media screen and (max-width: 1400px) {
   .i-title{
+    margin-left: 14px;
     font-size: 24px
   }
   .i-ul{

src/components/m-introduce/index.vue

@@ -33,7 +33,6 @@ export default {
 .i-ul{
   margin: 20px auto 0;
   width: 94%;
-
 }
 .i-ul li{
   font-size: 14px;

src/components/m-rotateimg/index.vue

@@ -2,17 +2,17 @@
   <div class="r-img">
     <div class="flexable"></div>
     <div class="rotate">
-      <img :src="imgs[1].img" alt>
+      <img :src="cover[1]" alt>
     </div>
     <div class="r-normal" @click="clickHandle">
-      <img :src="imgs[0].img" alt>
+      <img :src="cover[0]" alt>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  props: ['imgs'],
+  props: ['imgs', 'cover'],
   methods: {
     clickHandle () {
       this.$emit('clickHandle')
@@ -33,7 +33,7 @@ export default {
 }
 .r-img div:not(:first-child) {
   width: 70%;
-  height: 50vw;
+  height: 71vw;
   margin: 0 auto;
   position: absolute;
   border: solid #fff 4px;

src/components/rotateimg/index.vue

@@ -1,17 +1,17 @@
 <template>
   <div class="r-img">
     <div class="r-normal" @click="clickHandle">
-      <img :src="imgs[0].img" alt>
+      <img :src="cover[0]" alt>
     </div>
     <div class="rotate">
-      <img :src="imgs[1].img" alt>
+      <img :src="cover[1]" alt>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  props: ['imgs'],
+  props: ['imgs', 'cover'],
   methods: {
     clickHandle () {
       this.$emit('clickHandle')
@@ -26,14 +26,15 @@ export default {
 }
 
 .r-img div {
-  width: 20vw;
-  height: 15vw;
+  width: 17vw;
+  height: 18vw;
   position: absolute;
   top: 0;
   z-index: 99;
   border: 8px #fff solid;
   box-sizing: border-box;
   overflow: hidden;
+  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
 }
 
 .r-img div img {
@@ -41,9 +42,19 @@ export default {
   width: 100%;
   height: 100%;
 }
-.r-img div:hover img {
+/* .r-img div:hover img {
   transform: scale(1.1);
   transition: transform 0.3s ease;
+} */
+.r-img .r-normal{
+  transform: rotate(0);
+  transition: transform 0.3s ease;
+  transform-origin:right top;
+  cursor: pointer;
+}
+
+.r-img .r-normal:hover{
+  transform: rotate(-5deg);
 }
 
 .r-img .rotate {

src/pages/join/index.vue

@@ -5,28 +5,24 @@
       <ctitle :title="'加入我们'"></ctitle>
       <div class="join-l" style="padding-bottom:0" :class="{'one':!isMobile}">
         <template v-if="isMobile">
-          <mRotateimg :imgs="content.text[0].imgs" @clickHandle="screens = content.text[0].imgs"/>
+          <mRotateimg :cover="content.text[0].cover" :imgs="content.text[0].imgs" @clickHandle="screens = content.text[0].imgs"/>
           <mIntroduce class="mjoin1-l" :content="content.text[0]"/>
         </template>
         <template v-else>
-          <rotateimg class="jl-left" :imgs="content.text[0].imgs" @clickHandle="screens = content.text[0].imgs"/>
+          <rotateimg class="jl-left" :cover="content.text[0].cover" :imgs="content.text[0].imgs" @clickHandle="screens = content.text[0].imgs"/>
           <introduce class="jl-right" :content="content.text[0]"/>
         </template>
       </div>
       <div class="join-r" :class="{'mjoin-r':isMobile,'two':!isMobile}">
         <template v-if="isMobile">
-          <div class="mt-con">
-            <div class="mt-body">
-              <img @click="screens = content.text[1].imgs" :src="content.text[1].imgs[0].img" alt>
-            </div>
-          </div>
+          <mRotateimg :cover="content.text[1].cover" :imgs="content.text[1].imgs" @clickHandle="screens = content.text[1].imgs"/>
           <mIntroduce class="mt-intro" :content="content.text[1]"/>
         </template>
         <template v-else>
           <introduce class="jr-left" :content="content.text[1]"/>
           <div class="jr-right">
             <div class="imgcon">
-              <img @click="screens = content.text[1].imgs" :src="content.text[1].imgs[0].img" alt>
+              <rotateimg :cover="content.text[1].cover" :imgs="content.text[1].imgs" @clickHandle="screens = content.text[1].imgs"/>
             </div>
           </div>
         </template>
@@ -34,11 +30,11 @@
       </div>
       <div class="join-l three" :class="{'mjoin-l':isMobile}">
         <template v-if="isMobile">
-          <mRotateimg :imgs="content.text[2].imgs" @clickHandle="screens = content.text[2].imgs"/>
+          <mRotateimg :cover="content.text[2].cover" :imgs="content.text[2].imgs" @clickHandle="screens = content.text[2].imgs"/>
           <mIntroduce class="mth-bg" :content="content.text[2]"/>
         </template>
         <template v-else>
-          <rotateimg class="jl-left" :imgs="content.text[2].imgs" @clickHandle="screens = content.text[2].imgs"/>
+          <rotateimg :cover="content.text[2].cover" class="jl-left" :imgs="content.text[2].imgs" @clickHandle="screens = content.text[2].imgs"/>
           <introduce class="jl-right" :content="content.text[2]"/>
         </template>
       </div>

src/pages/join/style.css

@@ -32,7 +32,7 @@
 .join-r .jr-right{
   width: 40%;
   position: absolute;
-  right: 10%;
+  right: 4%;
   top: 50%;
   transform: translateY(-50%);
   padding: 180px 0;
@@ -41,10 +41,7 @@
 .join-r .jr-right .imgcon{
   width: 20vw;
   height: 15vw;
-  border: 8px #fff solid;
   box-sizing: border-box;
-  overflow: hidden;
- 
 }
 
 .join-r .jr-right .imgcon img{

src/util/text/cn.js

@@ -237,7 +237,7 @@ const cn = {
   },
   meeting: {
     c1: {
-      video: `http://4dkk.4dage.com/video/cgaii/CMCAI_1st.mp4`,
+      video: `https://4dkk.4dage.com/video/cgaii/CMCAI_1st.mp4`,
       mBackground: require('@/assets/images/CMCAI-2016.png'),
       background: require('@/assets/images/bg_3_1.jpg'),
       mL: require('@/assets/images/01_left.png'),
@@ -252,7 +252,7 @@ const cn = {
         '第一届大会主要围绕“虚拟·智能·变革”主题，邀请海内外智能制造和数字文博领域顶尖人才等共计300余人，共聚一堂为人工智能谋计献策。这是一次国际间的深度思维碰撞交锋，多方共同见证了中德人工智能研究院成立。'
     },
     c2: {
-      video: `http://4dkk.4dage.com/video/cgaii/CMCAI_2nd.mp4`,
+      video: `https://4dkk.4dage.com/video/cgaii/CMCAI_2nd.mp4`,
       mBackground: require('@/assets/images/CMCAI-2017.png'),
       background: require('@/assets/images/bg_3_2.jpg'),
       mL: require('@/assets/images/02_left.png'),
@@ -267,7 +267,7 @@ const cn = {
         '第二届大会盛邀国内外业界精英，多位重量级行业专家组成的德国专家团队和中方专家团队竞相争锋。同时设有文化科技论坛、中德科技企业路演分会场等平行分论坛，会议规模达到500人以上。这是一次顶级学术交流盛宴，推进中国从“制造大国”向“智造大国”跨越。'
     },
     c3: {
-      video: `http://4dkk.4dage.com/video/cgaii/CMCAI_3st.mp4`,
+      video: `https://4dkk.4dage.com/video/cgaii/CMCAI_3st.mp4`,
       background: require('@/assets/images/bg_3_3.jpg'),
       mBackground: require('@/assets/images/CMCAI-2018.png'),
       mL: require('@/assets/images/03_left.png'),
@@ -314,129 +314,133 @@ const cn = {
   pJoin: {
     text: [
       {
+        cover: [
+          `${$cdn}/images/join-us/zdhz1.jpg`,
+          `${$cdn}/images/join-us/zdhz2.jpg`
+        ],
         imgs: [
           {
-            img: `${$cdn}/images/join-us/img_join_platform01.jpg`
-          },
-          {
-            img: `${$cdn}/images/join-us/img_join_platform02.jpg`
-          },
-          {
-            img: `${$cdn}/images/join-us/img_join_platform03.jpg`
-          },
-          {
-            img: `${$cdn}/images/join-us/img_join_platform04.jpg`
-          },
-          {
-            img: `${$cdn}/images/join-us/img_join_platform05.jpg`
+            img: `${$cdn}/images/join-us/a1.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_platform06.jpg`
+            img: `${$cdn}/images/join-us/a2.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_platform07.jpg`
+            img: `${$cdn}/images/join-us/a3.jpg`
           }
         ],
-        title: '人工智能技术高地<br/>中德合作新典范',
+        title: '中德合作',
         sub: [
           {
-            title: '技术交流平台',
-            detail:
-              '将人工智能技术、计算视觉技术、下一代互联网人机交互技术融入未来的工业制造环节，转化为更强劲的生产力和全新的经济增长点。'
+            title: '四维时代与德国人工智能研究中（DFKI）合作成立中德人工智能研究院（CGAII），目前有中德专家团队成员约200人 ，团队成员均为来自DFKI以及思维时代的高级研究员。'
+            // detail:'将人工智能技术、计算视觉技术、下一代互联网人机交互技术融入未来的工业制造环节，转化为更强劲的生产力和全新的经济增长点。'
           },
           {
-            title: '人员交流平台',
-            detail:
-              '重视研究人员的培养和交流，引进德方技术专家，并派遣人员到德国人工智能研究中心访问实习。'
+            title: '创始人及高管人员均为欧洲海归博士及国内名校高材生，研发团队具有丰富的技术开发与项目运营经验。'
+            // detail:'重视研究人员的培养和交流，引进德方技术专家，并派遣人员到德国人工智能研究中心访问实习。'
           },
           {
-            title: '文化交流平台',
-            detail:
-              '每年举办一次大型国际会议“中德人工智能大会”，稳步树立中德人工智能研究院的平台文化和平台战略。'
+            title: '每年举办中德人工智能大会，为中德科研交流与产业落地打造国际化平台。'
+            // detail:'每年举办一次大型国际会议“中德人工智能大会”，稳步树立中德人工智能研究院的平台文化和平台战略。'
           }
         ]
       },
       {
+        cover: [
+          `${$cdn}/images/join-us/rcpy1.jpg`,
+          `${$cdn}/images/join-us/rcpy2.jpg`
+        ],
         imgs: [
           {
-            img: `${$cdn}/images/join-us/img_join_future01.jpg`
+            img: `${$cdn}/images/join-us/b1.jpg`
+          },
+          {
+            img: `${$cdn}/images/join-us/b2.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future02.jpg`
+            img: `${$cdn}/images/join-us/b3.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future03.jpg`
+            img: `${$cdn}/images/join-us/b4.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future04.jpg`
+            img: `${$cdn}/images/join-us/b5.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future05.jpg`
+            img: `${$cdn}/images/join-us/b6.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future06.jpg`
+            img: `${$cdn}/images/join-us/b7.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_future07.jpg`
+            img: `${$cdn}/images/join-us/b8.jpg`
+          },
+          {
+            img: `${$cdn}/images/join-us/b9.jpg`
+          },
+          {
+            img: `${$cdn}/images/join-us/b10.jpg`
+          },
+          {
+            img: `${$cdn}/images/join-us/b11.jpg`
+          },
+          {
+            img: `${$cdn}/images/join-us/b12.jpg`
           }
         ],
-        title: '数字经济时代<br/>重塑未来生活大数据',
+        title: '人才培养',
         sub: [
           {
-            title: '建立中德合作高端软硬件一体化技术研发生产中心',
-            detail:
-              '将在3-5年内建成国内领先的高端软硬件一体化的研发中心和生产中心，主打世界前沿的三维数字化技术应用产业体系、下一代人机交互软硬件系统等。'
+            title: '国际化、多元化工作环境，与来自全球的四维人创造卓越的产品。'
           },
           {
-            title: '建立全国首个3D大数据信息中心',
-            detail:
-              '应用超高精度三维数字化技术，通过与国际上和国内的3000多家博物馆合作，建立全国的文物3D大数据中心和文物普查和追溯体系。'
+            title: '教育基金Wonder Age计划，全力支持员工通过学习顶尖课程培养职业技能与领导力。'
+            // detail:'应用超高精度三维数字化技术，通过与国际上和国内的3000多家博物馆合作，建立全国的文物3D大数据中心和文物普查和追溯体系。'
           },
           {
-            title: '建立物联网信息体系',
-            detail:
-              '在3D人体大数据、3D文物大数据、3D工业产业和商品大数据的基础上建立物联网信息体系，将产生难以估量的市场容量和全球性的影响力。'
+            title: '每年定期多次派出员工到德国人工智能研究中心（DFKI）访问学习。'
+            // detail:'在3D人体大数据、3D文物大数据、3D工业产业和商品大数据的基础上建立物联网信息体系，将产生难以估量的市场容量和全球性的影响力。'
           }
         ]
       },
       {
+        cover: [
+          `${$cdn}/images/join-us/tdfl1.jpg`,
+          `${$cdn}/images/join-us/tdfl2.jpg`
+        ],
         imgs: [
           {
-            img: `${$cdn}/images/join-us/img_join_welfare01.jpg`
+            img: `${$cdn}/images/join-us/c1.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare02.jpg`
+            img: `${$cdn}/images/join-us/c2.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare03.jpg`
+            img: `${$cdn}/images/join-us/c3.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare04.jpg`
+            img: `${$cdn}/images/join-us/c4.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare05.jpg`
+            img: `${$cdn}/images/join-us/c5.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare06.jpg`
+            img: `${$cdn}/images/join-us/c6.jpg`
           },
           {
-            img: `${$cdn}/images/join-us/img_join_welfare07.jpg`
+            img: `${$cdn}/images/join-us/c7.jpg`
           }
         ],
-        title: '跟有趣的人作伴<br/>每天都是惊喜',
+        title: '团队福利',
         sub: [
           {
-            title: '提供各种口味的茶、咖啡、零食、水果的欧式茶水间'
-          },
-          {
-            title: '业界颜值最高的美女帅哥，好看的皮囊和有趣的灵魂并存'
+            title: '六险一金齐全，周末双休，入户珠海机会。'
           },
           {
-            title: '智慧产业集聚、基础设施智能、政府运行高效、公共服务便捷'
+            title: '弹性工作制， 每年1-3次调薪机会， 丰厚年终奖， 带薪年假。'
           },
           {
-            title:
-              '完善优厚的薪酬福利，花样百出的境外年会旅行，平等快乐的工作氛围'
+            title: '优质宿舍，上班接送车，每天水果饮品晚餐供应，每月购书福利，节日福利，年度免费体检，年终境外旅游。'
           }
         ]
       }