123

2 years ago · 45eaac233b
31 changed files with 28 additions and 82 deletions
--- a/index.html
+++ b/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" font-family="Source Han Sans">
  <head>
    <meta charset="UTF-8" />
    <meta
--- a/src/assets/fonts/SourceHanSans-VF.ttf.woff2
+++ b/src/assets/fonts/SourceHanSans-VF.ttf.woff2
--- a/src/assets/fonts/SourceHanSansCN-ExtraLight.otf
+++ b/src/assets/fonts/SourceHanSansCN-ExtraLight.otf
--- a/src/assets/fonts/SourceHanSansCN-Normal.otf
+++ b/src/assets/fonts/SourceHanSansCN-Normal.otf
--- a/src/common/utils.js
+++ b/src/common/utils.js
@ -45,7 +45,7 @@ export const handleScreenAuto = id => {
 export const handleScreenToFlexCenter = (contentId, flexId) => {
  const clientWidth = document.documentElement.clientWidth
  const clientHeight = document.documentElement.clientHeight
-  if (clientWidth <= 1600 && clientHeight < 1080) {
+  if (clientWidth < 1920 && clientHeight < 1080) {
    const originEle = document.querySelector(contentId)
    const targetEle = document.querySelector(flexId)
    // 需要判断缩放后的高度是否超过了容器高度
--- a/src/components/Paragraph/index.vue
+++ b/src/components/Paragraph/index.vue
@ -16,7 +16,6 @@ const props = defineProps({
 .para_noindent {
  padding: 30px 20px;
  font-size: 18px;
-  font-family: 'SourceHanSansLight';
  font-weight: 300;
  color: #aaaaaa;
  line-height: 27px;
@ -24,7 +23,6 @@ const props = defineProps({
 .paragraph_container {
  padding: 30px 20px;
  font-size: 18px;
-  font-family: 'SourceHanSansLight';
  font-weight: 300;
  color: #aaaaaa;
  line-height: 27px;
--- a/src/components/Tabs/index.vue
+++ b/src/components/Tabs/index.vue
@ -45,7 +45,6 @@ const updateActiveTab = id => {
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
-  font-family: 'SourceHanSansLight';
  font-weight: 500;
  color: #646a73;
  margin-bottom: 51px;
--- a/src/components/Trumbs/index.vue
+++ b/src/components/Trumbs/index.vue
@ -152,7 +152,6 @@ const onSwiper = swiper => {
      animation-fill-mode: forwards;
      .btn {
        font-size: 18px;
-        font-family: 'SourceHanSans';
        font-weight: 400;
        color: #ffffff;
        padding: 6px 14px;
--- a/src/style.scss
+++ b/src/style.scss
@ -1,3 +1,13 @@
+@font-face {
+  font-family: 'ZonaPro';
+  src: url(./assets/fonts/ZonaPro-ExtraBold.otf);
+}
+@font-face {
+  font-family: 'Source Han Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url(./assets/fonts/SourceHanSans-VF.ttf.woff2) format('woff2');
+}
 html,
 body {
  position: relative;
@ -10,11 +20,13 @@ body {
    url(./assets/img/banner/nation/back.jpg);
  background-size: 0 0;
  font-size: 24px;
+  font-smooth: always; /* Firefox */
+  -webkit-font-smoothing: antialiased; /* Safari, Opera, and Chrome */
+  -moz-osx-font-smoothing: grayscale; /* Firefox for Mac OS */
+  font-family: 'Source Han Sans';
 }
-
-@font-face {
-  font-family: 'ZonaPro';
-  src: url(./assets/fonts/ZonaPro-ExtraBold.otf);
+* {
+  font-family: 'Source Han Sans';
 }
 /*去除a标签下划线*/
 a {
@ -56,7 +68,6 @@ a:focus {

 body {
  background: #eee;
-  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
@ -69,11 +80,9 @@ body {
 }

 .swiper-slide {
-  // text-align: center;
  font-size: 18px;
  background: #fff;
  box-sizing: border-box;
-  /* Center slide text vertically */
  img {
    display: block;
    width: 100%;
--- a/src/views/Index/components/CasePictureList/index.vue
+++ b/src/views/Index/components/CasePictureList/index.vue
@ -212,7 +212,6 @@ const showEmpty = ref(true)
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 50px 0 0 0;
        box-sizing: border-box;
@ -246,7 +245,6 @@ const showEmpty = ref(true)
        .detail {
          font-size: 18px;
          font-weight: 300;
-          font-family: 'SourceHanSansLight';
          color: #646a73;
        }
      }
@ -261,7 +259,6 @@ const showEmpty = ref(true)
          align-items: center;
          justify-content: space-evenly;
          font-size: 50px;
-          font-family: 'SourceHanSans';
          font-weight: 400;
          color: #000000;
          .text {
@ -339,7 +336,6 @@ const showEmpty = ref(true)
                animation-fill-mode: forwards;
                .btn {
                  font-size: 18px;
-                  font-family: 'SourceHanSans';
                  font-weight: 400;
                  transition-property: all;
                  transition-duration: 0.7s;
--- a/src/views/Index/components/ContactUs/index.vue
+++ b/src/views/Index/components/ContactUs/index.vue
@ -165,7 +165,6 @@ onMounted(() => {
        box-sizing: border-box;
        .yingwen_text {
          font-size: 36px;
-          font-family: 'SourceHanSans';
          margin-bottom: 59px;
          font-weight: bold;
          color: #000000;
@ -211,7 +210,6 @@ onMounted(() => {
            display: flex;
            align-items: center;
            font-size: 18px;
-            font-family: 'SourceHanSans';
            font-weight: 400;
            color: #646a73;
            .icon {
@ -234,7 +232,6 @@ onMounted(() => {
            display: flex;
            align-items: center;
            font-size: 18px;
-            font-family: 'SourceHanSans';
            font-weight: 400;
            color: #646a73;
            .icon {
@ -296,7 +293,6 @@ onMounted(() => {
          justify-content: space-between;
          width: 611px;
          font-size: 14px;
-          font-family: 'SourceHanSansLight';
          font-weight: 300;
          color: #b7b7b7;
          margin-bottom: 35px;
@ -305,7 +301,6 @@ onMounted(() => {
          display: flex;
          align-items: center;
          font-size: 14px;
-          font-family: 'SourceHanSansLight';
          font-weight: 300;
          color: #b7b7b7;
          margin-bottom: 34px;
@ -317,7 +312,6 @@ onMounted(() => {
          display: flex;
          align-items: center;
          font-size: 14px;
-          font-family: 'SourceHanSansLight';
          font-weight: 300;
          color: #b7b7b7;
          letter-spacing: 3px;
@ -335,7 +329,6 @@ onMounted(() => {
      }
      .intro {
        font-size: 14px;
-        font-family: 'SourceHanSansLight';
        font-weight: 300;
        color: #b7b7b7;
        line-height: 20px;
--- a/src/views/Index/components/Cooperation/index.vue
+++ b/src/views/Index/components/Cooperation/index.vue
@ -148,7 +148,6 @@ const showEmpty = ref(true)
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 60px 0 20px 0;
        box-sizing: border-box;
@ -183,7 +182,6 @@ const showEmpty = ref(true)
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
        }
      }
--- a/src/views/Index/components/Culture/Card/index.vue
+++ b/src/views/Index/components/Culture/Card/index.vue
@ -142,7 +142,6 @@ const getTips = () => {
          background: #283fe7;
          font-size: 20px;
          white-space: nowrap;
-          font-family: 'SourceHanSans';
          font-weight: 400;
          color: #ffffff;
          padding: 10px 18px;
@ -154,7 +153,6 @@ const getTips = () => {
        white-space: nowrap;
        border: 2px solid #ffffff;
        font-size: 18px;
-        font-family: 'SourceHanSans';
        padding: 10px 16px;
        font-weight: 400;
        color: #ffffff;
@ -163,19 +161,21 @@ const getTips = () => {
    }
    .text {
      font-size: 17px;
-      font-family: 'SourceHanSansLight';
      line-height: 32px;
-      font-weight: 100;
+      font-weight: 300;
      color: #ffffff;
      position: absolute;
      word-break: break-all;
      top: 215px;
      writing-mode: vertical-lr;
      letter-spacing: 3px;
+      font-family: 'Source Han Sans';
+      font-smooth: always; /* Firefox */
+      -webkit-font-smoothing: antialiased; /* Safari, Opera, and Chrome */
+      -moz-osx-font-smoothing: grayscale; /* Firefox for Mac OS */
    }
    .tip {
      font-size: 30px;
-      font-family: 'SourceHanSansLight';
      font-weight: 400;
      color: #ffffff;
    }
--- a/src/views/Index/components/Culture/index.vue
+++ b/src/views/Index/components/Culture/index.vue
@ -104,7 +104,6 @@ const showEmpty = ref(true)
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 75px;
        box-sizing: border-box;
@ -140,8 +139,11 @@ const showEmpty = ref(true)
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
+          font-family: 'Source Han Sans';
+          font-smooth: always; /* Firefox */
+          -webkit-font-smoothing: antialiased; /* Safari, Opera, and Chrome */
+          -moz-osx-font-smoothing: grayscale; /* Firefox for Mac OS */
        }
      }
      .card_list {
--- a/src/views/Index/components/HardwareSummary/index.vue
+++ b/src/views/Index/components/HardwareSummary/index.vue
@ -215,7 +215,6 @@ const showEmpty = ref(true)
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 50px 0 0 0;
        box-sizing: border-box;
@ -249,7 +248,6 @@ const showEmpty = ref(true)
        .detail {
          font-size: 18px;
          font-weight: 300;
-          font-family: 'SourceHanSansLight';
          color: #646a73;
        }
      }
@ -264,7 +262,6 @@ const showEmpty = ref(true)
          align-items: center;
          justify-content: space-evenly;
          font-size: 50px;
-          font-family: 'SourceHanSans';
          font-weight: 400;
          color: #000000;
          .text {
@ -342,7 +339,6 @@ const showEmpty = ref(true)
                animation-fill-mode: forwards;
                .btn {
                  font-size: 18px;
-                  font-family: 'SourceHanSans';
                  font-weight: 400;
                  transition-property: all;
                  transition-duration: 0.7s;
--- a/src/views/Index/components/HeaderSwiper/SlideFive/index.vue
+++ b/src/views/Index/components/HeaderSwiper/SlideFive/index.vue
@ -87,7 +87,6 @@
        align-items: center;
        justify-content: center;
        font-size: 19px;
-        font-family: 'SourceHanSans';
        font-weight: 400;
        color: #aeaeae;
        letter-spacing: 3px;
--- a/src/views/Index/components/MechanicalControl/index.vue
+++ b/src/views/Index/components/MechanicalControl/index.vue
@ -116,7 +116,6 @@ onMounted(() => {
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 71px 0 55px 0;
        box-sizing: border-box;
@ -152,7 +151,6 @@ onMounted(() => {
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
        }
      }
--- a/src/views/Index/components/MechanicalDrive/Card/index.vue
+++ b/src/views/Index/components/MechanicalDrive/Card/index.vue
@ -100,7 +100,6 @@ const getImgSrc = () => {
    height: 50px;
    background: rgba(40, 63, 231, 0.5);
    font-size: 18px;
-    font-family: 'SourceHanSans';
    font-weight: 400;
    color: #ffffff;
    box-sizing: border-box;
--- a/src/views/Index/components/MechanicalDrive/index.vue
+++ b/src/views/Index/components/MechanicalDrive/index.vue
@ -78,7 +78,6 @@ onMounted(() => {
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 71px;
        box-sizing: border-box;
@ -114,7 +113,6 @@ onMounted(() => {
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
        }
      }
--- a/src/views/Index/components/ReadWidely/Card/index.vue
+++ b/src/views/Index/components/ReadWidely/Card/index.vue
@ -70,7 +70,6 @@ const getBg = () => {
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    font-size: 24px;
-    font-family: 'SourceHanSans';
    font-weight: 500;
    color: #ffffff;
    display: flex;
--- a/src/views/Index/components/ReadWidely/index.vue
+++ b/src/views/Index/components/ReadWidely/index.vue
@ -72,7 +72,6 @@ onMounted(() => {
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 56px 0 35px 0;
        box-sizing: border-box;
@ -108,7 +107,6 @@ onMounted(() => {
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
        }
      }
--- a/src/views/Index/components/Recruit/Card/index.vue
+++ b/src/views/Index/components/Recruit/Card/index.vue
@ -81,7 +81,6 @@ const getClass = () => {
    left: 0;
    .title {
      font-size: 22px;
-      font-family: 'SourceHanSans';
      font-weight: bold;
      color: #ffffff;
      margin-bottom: 31px;
@ -94,7 +93,6 @@ const getClass = () => {
      font-size: 16px;
      line-height: 24.73px;
      width: 195px;
-      font-family: 'SourceHanSans';
      font-weight: 300;
      color: rgba(214, 214, 214, 1);
      transition-property: all;
@ -112,7 +110,6 @@ const getClass = () => {
        border: 1px solid #ffffff;
        border-radius: 15px;
        font-size: 16px;
-        font-family: 'SourceHanSans';
        font-weight: 400;
        color: #ffffff;
        display: flex;
--- a/src/views/Index/components/Recruit/Detail/index.vue
+++ b/src/views/Index/components/Recruit/Detail/index.vue
@ -137,7 +137,6 @@ const cancleDetail = () => {
            justify-content: center;
            align-items: center;
            font-size: 18px;
-            font-family: 'SourceHanSans';
            font-weight: 400;
            color: #ffffff;
            margin-right: 39px;
@ -151,14 +150,12 @@ const cancleDetail = () => {
          }
          .slary {
            font-size: 18px;
-            font-family: 'SourceHanSans';
            font-weight: 500;
            color: #000000;
          }
        }
        .address {
          font-size: 18px;
-          font-family: 'SourceHanSans';
          font-weight: 300;
          color: #646a73;
          margin-top: 19px;
@ -171,7 +168,6 @@ const cancleDetail = () => {
          border: 2px solid #283fe7;
          border-radius: 22px;
          font-size: 18px;
-          font-family: 'SourceHanSans';
          font-weight: 400;
          color: #283fe7;
          display: flex;
@ -188,7 +184,6 @@ const cancleDetail = () => {
        }
        .desc {
          font-size: 18px;
-          font-family: 'SourceHanSans';
          font-weight: 300;
          color: #646a73;
        }
@ -208,7 +203,6 @@ const cancleDetail = () => {
        height: 100%;
        .title {
          font-size: 22px;
-          font-family: 'SourceHanSans';
          font-weight: bold;
          color: #000000;
          margin-bottom: 33px;
@ -225,7 +219,6 @@ const cancleDetail = () => {
            margin-left: 16px;
            font-size: 16px;
            line-height: 22px;
-            font-family: 'SourceHanSans';
            font-weight: 300;
            color: #646a73;
          }
@ -237,7 +230,6 @@ const cancleDetail = () => {
        padding-right: 40px;
        .title {
          font-size: 22px;
-          font-family: 'SourceHanSans';
          font-weight: bold;
          color: #000000;
          margin-bottom: 33px;
@ -254,7 +246,6 @@ const cancleDetail = () => {
            margin-left: 16px;
            font-size: 16px;
            line-height: 22px;
-            font-family: 'SourceHanSans';
            font-weight: 300;
            color: #646a73;
          }
@ -291,7 +282,6 @@ const cancleDetail = () => {
        display: flex;
        align-items: center;
        font-size: 12px;
-        font-family: 'SourceHanSans';
        font-weight: 400;
        color: #646a73;
        margin-right: 66px;
@ -318,7 +308,6 @@ const cancleDetail = () => {
      border: 1px solid #646a73;
      border-radius: 15px;
      font-size: 16px;
-      font-family: 'SourceHanSans';
      font-weight: 400;
      color: #646a73;
      display: flex;
--- a/src/views/Index/components/Recruit/index.vue
+++ b/src/views/Index/components/Recruit/index.vue
@ -118,7 +118,6 @@ const cancelDetail = () => {
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 71px 0 73px 0;
        box-sizing: border-box;
@ -153,7 +152,6 @@ const cancelDetail = () => {
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
          letter-spacing: 2px;
          animation-duration: 0.5s;
        }
--- a/src/views/Index/components/Service/Card/index.vue
+++ b/src/views/Index/components/Service/Card/index.vue
@ -86,7 +86,6 @@ const toPage = () => {
    padding: 70px 0;
    box-sizing: border-box;
    font-size: 18px;
-    font-family: 'SourceHanSans';
    font-weight: 400;
    color: #ffffff;
    height: 100%;
--- a/src/views/Index/components/Service/index.vue
+++ b/src/views/Index/components/Service/index.vue
@ -62,14 +62,6 @@ const showEmpty = ref(true)
 </script>

 <style scoped lang="scss">
-// @font-face {
-//   font-family: 'SourceHanSansLight';
-//   src: url(./assets/fonts/SourceHanSansCN-ExtraLight.otf);
-// }
-// @font-face {
-//   font-family: 'SourceHanSans';
-//   src: url(./assets/fonts/SourceHanSansCN-Normal.otf);
-// }
 .wrap {
  width: 100vw;
  height: 100vh;
@ -93,7 +85,6 @@ const showEmpty = ref(true)
      align-items: center;
      justify-content: center;
      flex-direction: column;
-      font-family: 'SourceHanSans';
      background-size: 100% 100%;
      padding: 40px 0 0 0;
      box-sizing: border-box;
@ -141,7 +132,6 @@ const showEmpty = ref(true)
          font-size: 30px;
          font-weight: bold;
          color: #000000;
-          font-family: 'SourceHanSans';
          .big_title {
            transform-style: preserve-3d;
          }
@ -163,7 +153,6 @@ const showEmpty = ref(true)
            font-weight: 800;
            color: #808080;
            line-height: 38px;
-            font-family: 'SourceHanSansLight';
          }
          .blue_font {
            color: $theme_color;
--- a/src/views/Index/components/SoftHardwareDetail/Card/index.vue
+++ b/src/views/Index/components/SoftHardwareDetail/Card/index.vue
@ -132,7 +132,6 @@ const getImgSrc = () => {
    align-items: center;
    justify-content: center;
    font-size: 15px;
-    font-family: 'SourceHanSans';
    font-weight: 400;
    color: #ffffff;
    box-sizing: border-box;
--- a/src/views/Index/components/SoftHardwareDetail/index.vue
+++ b/src/views/Index/components/SoftHardwareDetail/index.vue
@ -79,7 +79,6 @@ onMounted(() => {
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 52px 0 24px 0;
        box-sizing: border-box;
@ -115,7 +114,6 @@ onMounted(() => {
          font-size: 18px;
          font-weight: 300;
          color: #646a73;
-          font-family: 'SourceHanSansLight';
        }
      }
      .content_main {
--- a/src/views/Index/components/SoftHardwareSummary/index.vue
+++ b/src/views/Index/components/SoftHardwareSummary/index.vue
@ -152,7 +152,6 @@ const showEmpty = ref(true)
        align-items: center;
        justify-content: center;
        flex-direction: column;
-        font-family: 'SourceHanSans';
        background-size: 100% 100%;
        padding: 81px 0 41px 0;
        box-sizing: border-box;
@ -211,7 +210,6 @@ const showEmpty = ref(true)
          }
          .font {
            font-size: 24px;
-            font-family: 'SourceHanSans';
            font-weight: 400;
            color: #ffffff;
          }
@ -253,7 +251,6 @@ const showEmpty = ref(true)
      .big_title {
        padding: 102px 0 30px 0;
        font-size: 30px;
-        font-family: 'SourceHanSans';
        font-weight: bold;
        color: #000000;
        display: flex;
--- a/src/views/Index/components/WebOfThing/index.vue
+++ b/src/views/Index/components/WebOfThing/index.vue
@ -53,7 +53,6 @@ import Project from '@/assets/img/web/zuo1.png'
      background: #283fe7;
      border-radius: 24px;
      font-size: 18px;
-      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #ffffff;
      letter-spacing: 3px;
--- a/stats.html
+++ b/stats.html