ソースを参照

commit in 2.13

小太阳 6 年 前
コミット
e1f083b6c8

+ 1 - 1
config/index.js

@@ -21,7 +21,7 @@ module.exports = {
     },
 
     // Various Dev Server settings
-    host: 'localhost', // can be overwritten by process.env.HOST
+    host: '192.168.0.41', // 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,

+ 2 - 1
src/components/invitation/invitation.vue

@@ -6184,13 +6184,14 @@ export default {
 }
 
 .button {
-  width: 3.5em;
+  min-width: 3.5em;
   height: 1.15em;
   font-size: 1em;
   background: #e83428;
   color: #fff;
   cursor: pointer;
   border-radius: 3px;
+  padding: 0 2px;
 }
 
 .button > span {

+ 3 - 3
src/components/m-content/m-content.vue

@@ -235,7 +235,7 @@
           </div>
           <div class="Aimeeting-one-right">
             <img :src="Aimeeting3" alt="Aimeeting" />
-            <h3 style="margin-top: 7px">{{languageStatus.ct9.p3}}</h3>
+            <h3 style="margin-top: 10px">{{languageStatus.ct9.p3}}</h3>
             <h3 v-if="Lang==='zh'">{{languageStatus.ct9.p4}}</h3>
             <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p4.p1}}</h3>
             <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p4.p2}}</h3>
@@ -539,7 +539,7 @@
             <div></div>
             <img :src="Aimeeting6" alt="Aimeeting" />
           </div>
-          <h3 style="margin-top: 6px">{{languageStatus.ct9.p11}}</h3>
+          <h3 style="margin-top: 10px">{{languageStatus.ct9.p11}}</h3>
           <h3 v-if="Lang==='zh'">{{languageStatus.ct9.p12}}</h3>
           <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p12.p1}}</h3>
           <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p12.p2}}</h3>
@@ -842,7 +842,7 @@
                   <div></div>
                   <img :src="Aimeeting8" alt="Aimeeting" />
                 </div>
-                <h3 style="margin-top: 6px">{{languageStatus.ct9.p17}}</h3>
+                <h3 style="margin-top: 10px">{{languageStatus.ct9.p17}}</h3>
                 <h3 v-if="Lang==='zh'">{{languageStatus.ct9.p18}}</h3>
                 <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p18.p1}}</h3>
                 <h3 v-if="Lang!=='zh'">{{languageStatus.ct9.p18.p2}}</h3>

ファイルの差分が大きいため隠しています
+ 2282 - 2281
src/components/m-content/style.css


+ 21 - 4
src/components/m-footer/m-footer.vue

@@ -20,20 +20,37 @@ export default {
           p1: '电话:400 - 6698 - 025',
           p2: '',
           p3: '',
-          p4: 'Copyright © 2018 CGAII Corporation.All rights reserved. 中德人工智能研究院 版权所有'
+          p4: '© 2019 中德⼈⼯智能研究院 版权所有'
         },
         En: {
-          p1: '',
+          p1: 'Tel: +86 400-6698-025',
           p2: '',
           p3: '',
-          p4: 'Copyright © 2018 CGAII Corporation.All rights reserved. 中德人工智能研究院 版权所有'
+          p4: '© 2019 CGAII. All rights reserved.'
+        },
+        Ge: {
+          p1: 'Tel: +86 400-6698-025',
+          p2: '',
+          p3: '',
+          p4: '© 2018 CGAII. Alle Rechte vorbehalten.'
         }
       }
     }
   },
   computed: {
     languageStatus: function () {
-      return this.$store.state.lang ? this.text.Zh : this.text.En
+      console.log(this.text.Ge)
+      switch (this.$store.state.lang) {
+        case 'zh':
+          return this.text.Zh
+        case 'ge':
+          return this.text.Ge
+        case 'en':
+          return this.text.En
+
+        default:
+          return this.text.Zh
+      }
     }
   },
   props: { // 父组件传递给子组件

+ 308 - 305
src/components/wrap-nav/style.css

@@ -1,305 +1,308 @@
-a {
-  cursor: pointer;
-}
-
-#wrap-nav {
-  background: #fff;
-  z-index: 6000;
-  position: fixed;
-  font-size: 40px;
-  height: 1.85em;
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid #ccc;
-}
-
-.nav-left {
-  margin-left: 110px;
-  width: 5.0em;
-  height: 1.4em;
-}
-
-.logo {
-  height: 100%;
-  width: auto;
-  cursor: pointer;
-}
-
-.nav-right {
-  display: flex;
-  align-items: center;
-  margin-right: 3.45em;
-  height: 100%;
-}
-
-.nav {
-  display: flex;
-  height: 100%;
-}
-
-.nav > div {
-  width: 3.775em;
-  display: flex;
-  position: relative;
-  height: 100%;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-}
-
-.toggle-language {
-  margin-left: 0.75em;
-  height: 100%;
-}
-.toggle-language a {
-  position: relative;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-size: 0.4em;
-}
-
-.toggle-language a img{
-  margin-left: 6px;
-  width: 14px;
-  height: 14px;
-  transform: rotate(180deg);
-  transition: all 0.3 ease;
-}
- .toggle-language a .lang-subMenu{
-  top: 1.9em;
-  left: -0.9em;
-  position: absolute;
-  font-size: 2.5em;
-  z-index: 5;
-  height: 0;
-  -webkit-transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
-  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
-  overflow: hidden;
-}
-.toggle-language a .lang-subMenu > li >span {
-  width: 100%;
-  height: 100%;
-  padding: 15px 0;
-  font-size: 0.4em;
-  color: #fff;
-  text-align: center;
-}
-
-.toggle-language:hover a .lang-subMenu{
-  height: 5.125em;
-}
-.toggle-language:hover a img{
-  transform: rotate(0);
-  transition: all 0.3 ease;
-}
-
-.toggle-txt{
-    color: #565656;
-    width: 100%;
-    font-weight: bold;
-}
-
-.nav span {
-  margin: auto;
-  display: inline-block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  width: 0px;
-  height: 0.125em;
-  background: red;
-  transition: .5s;
-  border-radius: 1.25em;
-}
-
-.nav .nav_active > span {
-  width: 60%;
-  left: 0;
-}
-
-.toggle-language {
-  display: inline-block;
-}
-
-.nav-subItem {
-  position: relative;
-  font-size: 0.4em;
-  color: #565656;
-  width: 100%;
-  font-weight: bold;
-}
-
-.nav-subItem:after {
-  content: '';
-  position: absolute;
-  width: 2px;
-  height: 90%;
-  right: 0;
-  background: #ccc;
-  transform: skewX(-10deg);
-}
-
-.nav-subMenu {
-  position: absolute;
-  font-size: 2.5em;
-  top: 1.12em;
-  z-index: 5;
-  height: 5.125em;
-  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
-  overflow: hidden;
-}
-
-.nav-subMenu > li,.toggle-language a .lang-subMenu > li {
-  position: relative;
-  width: 3.775em;
-  height: 1.15em;
-  background: transparent;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-top: 0.125em;
-  white-space: nowrap;
-  background: rgba(0, 0, 0, 0.3);
-  transition: 0.5s margin-top cubic-bezier(0.73, 0.32, 0.34, 1.5);
-}
-
-.nav-subMenu > li> span {
-  position: absolute;
-  width: 2px;
-  height: 0;
-  top: 0;
-  left: -98.5%;
-  background: red;
-  content: '';
-  transition: .5s;
-}
-
-.nav-subMenu li  a {
-  width: 100%;
-  /* height: 100%; */
-  line-height: 1.4;
-  padding: 15px 0;
-  font-size: 0.4em;
-  color: #fff;
-  text-align: center;
-}
-
-.nav > div:not(:hover) .nav-subMenu {
-  height: 0;
-  transition: 0.5s 0.1s height;
-}
-
-.nav > div:not(:hover) .nav-subMenu > li {
-  transition: 0.5s 0.1s margin-top;
-  margin-top: -0.125em;
-}
-
-.li_active > span {
-  height: 100% !important;
-}
-
-/*设备兼容*/
-
-@media screen and (min-width: 1755px) and (max-width: 1805px) {
-  #wrap-nav {
-    font-size: 39px;
-  }
-}
-
-@media screen and (min-width: 1705px) and (max-width: 1755px) {
-  #wrap-nav {
-    font-size: 38px;
-  }
-}
-
-@media screen and (min-width: 1655px) and (max-width: 1705px) {
-  #wrap-nav {
-    font-size: 38px;
-  }
-}
-
-@media screen and (min-width: 1605px) and (max-width: 1655px) {
-  #wrap-nav {
-    font-size: 37px;
-  }
-}
-
-@media screen and (min-width: 1555px) and (max-width: 1605px) {
-  #wrap-nav {
-    font-size: 36px;
-  }
-}
-
-@media screen and (min-width: 1505px) and (max-width: 1555px) {
-  #wrap-nav {
-    font-size: 35px;
-  }
-}
-
-@media screen and (min-width: 1455px) and (max-width: 1505px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-}
-
-@media screen and (min-width: 1405px) and (max-width: 1455px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-}
-
-@media screen and (min-width: 1355px) and (max-width: 1405px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-}
-
-@media screen and (min-width: 1305px) and (max-width: 1355px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-}
-
-@media screen and (min-width: 1255px) and (max-width: 1305px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-
-}
-
-@media screen and (max-width: 1305px) {
-  #wrap-nav {
-    font-size: 34px;
-  }
-}
-@media screen and (max-width: 1220px) {
-  #wrap-nav {
-    font-size: 29px;
-  }
-  .nav > div{
-    width: 4.2em!important;
-  }
-  .toggle-txt{
-    width: 50px;
-  }
-  .nav-left{
-    margin-left:30px;
-  }
-  .nav-right{
-    margin-right:30px
-  }
-  .toggle-language a .lang-subMenu > li{
-    height: auto;
-  }
-  
-}
-
-@media screen and (max-width: 1024px) {
-  
-}
+a {
+  cursor: pointer;
+}
+
+#wrap-nav {
+  background: #fff;
+  z-index: 6000;
+  position: fixed;
+  font-size: 40px;
+  height: 1.85em;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: 1px solid #ccc;
+}
+
+.nav-left {
+  margin-left: 110px;
+  width: 5.0em;
+  height: 1.4em;
+}
+
+.logo {
+  height: 100%;
+  width: auto;
+  cursor: pointer;
+}
+
+.nav-right {
+  display: flex;
+  align-items: center;
+  margin-right: 3.45em;
+  height: 100%;
+}
+
+.nav {
+  display: flex;
+  height: 100%;
+}
+
+.nav > div {
+  width: 3.775em;
+  display: flex;
+  position: relative;
+  height: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.toggle-language {
+  margin-left: 0.75em;
+  height: 100%;
+}
+.toggle-language a {
+  position: relative;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.4em;
+}
+
+.toggle-language a img{
+  margin-left: 6px;
+  width: 14px;
+  height: 14px;
+  transform: rotate(180deg);
+  transition: all 0.3 ease;
+}
+ .toggle-language a .lang-subMenu{
+  top: 1.9em;
+  left: -0.9em;
+  position: absolute;
+  font-size: 2.5em;
+  z-index: 5;
+  height: 0;
+  -webkit-transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
+  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
+  overflow: hidden;
+}
+.toggle-language a .lang-subMenu > li >span {
+  width: 100%;
+  height: 100%;
+  padding: 15px 0;
+  font-size: 0.4em;
+  color: #fff;
+  text-align: center;
+}
+
+.toggle-language:hover a .lang-subMenu{
+  height: 5.125em;
+}
+.toggle-language:hover a img{
+  transform: rotate(0);
+  transition: all 0.3 ease;
+}
+
+.toggle-txt{
+    color: #565656;
+    width: 100%;
+    font-weight: bold;
+}
+
+.nav span {
+  margin: auto;
+  display: inline-block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 0px;
+  height: 0.125em;
+  background: red;
+  transition: .5s;
+  border-radius: 1.25em;
+}
+
+.nav .nav_active > span {
+  width: 60%;
+  left: 0;
+}
+
+.toggle-language {
+  display: inline-block;
+}
+
+.nav-subItem {
+  position: relative;
+  font-size: 0.4em;
+  color: #565656;
+  width: 100%;
+  font-weight: bold;
+}
+
+.nav-subItem:after {
+  content: '';
+  position: absolute;
+  width: 2px;
+  height: 90%;
+  right: 0;
+  background: #ccc;
+  transform: skewX(-10deg);
+}
+
+.nav-subMenu {
+  position: absolute;
+  font-size: 2.5em;
+  top: 1.12em;
+  z-index: 5;
+  height: 5.125em;
+  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5);
+  overflow: hidden;
+}
+
+.nav-subMenu > li,.toggle-language a .lang-subMenu > li {
+  position: relative;
+  width: 3.775em;
+  height: 1.15em;
+  background: transparent;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 0.125em;
+  white-space: nowrap;
+  background: rgba(0, 0, 0, 0.3);
+  transition: 0.5s margin-top cubic-bezier(0.73, 0.32, 0.34, 1.5);
+}
+
+.nav-subMenu > li> span {
+  position: absolute;
+  width: 2px;
+  height: 0;
+  top: 0;
+  left: -98.5%;
+  background: red;
+  content: '';
+  transition: .5s;
+}
+
+.nav-subMenu li  a {
+  width: 100%;
+  /* height: 100%; */
+  line-height: 1.4;
+  padding: 15px 0;
+  font-size: 0.4em;
+  color: #fff;
+  text-align: center;
+}
+
+.nav > div:not(:hover) .nav-subMenu {
+  height: 0;
+  transition: 0.5s 0.1s height;
+}
+
+.nav > div:not(:hover) .nav-subMenu > li {
+  transition: 0.5s 0.1s margin-top;
+  margin-top: -0.125em;
+}
+
+.li_active > span {
+  height: 100% !important;
+}
+
+/*设备兼容*/
+
+@media screen and (min-width: 1755px) and (max-width: 1805px) {
+  #wrap-nav {
+    font-size: 39px;
+  }
+}
+
+@media screen and (min-width: 1705px) and (max-width: 1755px) {
+  #wrap-nav {
+    font-size: 38px;
+  }
+}
+
+@media screen and (min-width: 1655px) and (max-width: 1705px) {
+  #wrap-nav {
+    font-size: 38px;
+  }
+}
+
+@media screen and (min-width: 1605px) and (max-width: 1655px) {
+  #wrap-nav {
+    font-size: 37px;
+  }
+}
+
+@media screen and (min-width: 1555px) and (max-width: 1605px) {
+  #wrap-nav {
+    font-size: 36px;
+  }
+}
+
+@media screen and (min-width: 1505px) and (max-width: 1555px) {
+  #wrap-nav {
+    font-size: 35px;
+  }
+}
+
+@media screen and (min-width: 1455px) and (max-width: 1505px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+}
+
+@media screen and (min-width: 1405px) and (max-width: 1455px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+}
+
+@media screen and  (max-width: 1405px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+  .nav-right{
+    margin-right: 2em;
+  }
+}
+
+@media screen and (min-width: 1305px) and (max-width: 1355px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+}
+
+@media screen and (min-width: 1255px) and (max-width: 1305px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+
+}
+
+@media screen and (max-width: 1305px) {
+  #wrap-nav {
+    font-size: 34px;
+  }
+}
+@media screen and (max-width: 1220px) {
+  #wrap-nav {
+    font-size: 29px;
+  }
+  .nav > div{
+    width: 4.2em!important;
+  }
+  .toggle-txt{
+    width: 50px;
+  }
+  .nav-left{
+    margin-left:30px;
+  }
+  .nav-right{
+    margin-right:30px
+  }
+  .toggle-language a .lang-subMenu > li{
+    height: auto;
+  }
+
+}
+
+@media screen and (max-width: 1024px) {
+
+}

+ 2 - 2
src/components/wrap-nav/wrap-nav.vue

@@ -7,11 +7,11 @@
     <div class="nav-right">
       <div class="nav">
         <div v-for="(subItem, subIndex) in languageStatus" :key="subIndex" :class="{nav_active: subItem.id == activeIndex}"
-             @click="navClick(subItem.id,subItem)" :style="{width:nowLanguage==='zh'?'3.775em':'4.575em'}">
+             @click="navClick(subItem.id,subItem)" :style="{width:nowLanguage==='zh'?'3.775em':'4.2em'}">
           <a class="nav-subItem">
             {{ subItem.name }}
             <ul class="nav-subMenu">
-              <li v-for='(item, index) in subItem.subMenu' :key="index" @click="liIndex=index" :style="{width:nowLanguage==='zh'?'3.775em':'4.575em'}" :class="{li_active: index == liIndex&&subIndex==activeIndex}">
+              <li v-for='(item, index) in subItem.subMenu' :key="index" @click="liIndex=index" :style="{width:nowLanguage==='zh'?'3.775em':'4.2em'}" :class="{li_active: index == liIndex&&subIndex==activeIndex}">
                 <router-link :style="{fontSize:nowLanguage==='zh'?'0.4em':'0.3em'}" :to="item.hash"><div v-html="item.title"></div></router-link>
                 <span></span>
               </li>