Home Explore Help
Register Sign In
zhuohongkui
/
lanxin
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

init

zhuohongkui 1 year ago
commit
ba27161776
83 changed files with 7999 additions and 0 deletions
Split View Show Diff Stats
  1. 213 0
      about-mobile.html
  2. 212 0
      about.html
  3. 101 0
      agreement-mobile.html
  4. 115 0
      agreement.html
  5. 168 0
      contact-mobile.html
  6. 178 0
      contact.html
  7. 201 0
      css/about-mobile.css
  8. 214 0
      css/about.css
  9. 22 0
      css/agreement-mobile.css
  10. 28 0
      css/agreement.css
  11. 49 0
      css/common/default.css
  12. 12 0
      css/common/swiper-bundle.min.css
  13. 20 0
      css/components/banner-mobile.css
  14. 17 0
      css/components/banner.css
  15. 76 0
      css/components/footer-mobile.css
  16. 113 0
      css/components/footer.css
  17. 70 0
      css/components/header-mobile.css
  18. 61 0
      css/components/header.css
  19. 96 0
      css/contact-mobile.css
  20. 115 0
      css/contact.css
  21. 357 0
      css/index-mobile.css
  22. 420 0
      css/index.css
  23. 271 0
      css/join-mobile.css
  24. 235 0
      css/join.css
  25. 85 0
      css/news-detail-mobile.css
  26. 81 0
      css/news-detail.css
  27. 87 0
      css/news-mobile.css
  28. 93 0
      css/news.css
  29. 101 0
      css/product-detail-mobile.css
  30. 110 0
      css/product-detail.css
  31. 78 0
      css/product-mobile.css
  32. 75 0
      css/product.css
  33. BIN
      favicon.ico
  34. 264 0
      index-mobile.html
  35. 279 0
      index.html
  36. 246 0
      join-mobile.html
  37. 244 0
      join.html
  38. 82 0
      js/about-mobile.js
  39. 80 0
      js/about.js
  40. 33 0
      js/agreement-mobile.js
  41. 33 0
      js/agreement.js
  42. 28 0
      js/common/browser-resize.js
  43. 286 0
      js/common/language.js
  44. 55 0
      js/common/request.js
  45. 31 0
      js/common/service.js
  46. 44 0
      js/components/banner-mobile.js
  47. 44 0
      js/components/banner.js
  48. 36 0
      js/components/footer-mobile.js
  49. 36 0
      js/components/footer.js
  50. 49 0
      js/components/header-mobile.js
  51. 80 0
      js/components/header.js
  52. 52 0
      js/contact-mobile.js
  53. 52 0
      js/contact.js
  54. 83 0
      js/index-mobile.js
  55. 83 0
      js/index.js
  56. 117 0
      js/join-mobile.js
  57. 135 0
      js/join.js
  58. 1 0
      js/lib/axios.min.js
  59. 12 0
      js/lib/swiper-bundle.min.js
  60. 10 0
      js/lib/vue.min.js
  61. 40 0
      js/news-detail-mobile.js
  62. 40 0
      js/news-detail.js
  63. 56 0
      js/news-mobile.js
  64. 56 0
      js/news.js
  65. 33 0
      js/product-detail-mobile.js
  66. 33 0
      js/product-detail.js
  67. 53 0
      js/product-mobile.js
  68. 53 0
      js/product.js
  69. 125 0
      news-detail-mobile.html
  70. 137 0
      news-detail.html
  71. 139 0
      news-mobile.html
  72. 145 0
      news.html
  73. 120 0
      product-detail-mobile.html
  74. 138 0
      product-detail.html
  75. 127 0
      product-mobile.html
  76. 135 0
      product.html
  77. BIN
      static/close.png
  78. BIN
      static/email.png
  79. BIN
      static/menu.png
  80. BIN
      static/phone.png
  81. BIN
      static/place.png
  82. BIN
      static/toleft.png
  83. BIN
      static/toright.png

+ 213 - 0
about-mobile.html
View File 

@@ -0,0 +1,213 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>关于我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/banner-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/about-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="tab">
 
+          <div
 
+            class="tab-content"
 
+            :style="{ width: language_current == 'chs' ? '100%' : '145%' }"
 
+          >
 
+            <div
 
+              class="tab-item"
 
+              v-for="(item,index) in tab_list"
 
+              :style="{
 
+                width: language_current == 'chs' ? '5.625rem' : 'auto'
 
+              }"
 
+              @click="changeCurrent(item)"
 
+            >
 
+              {{text(item)}}
 
+            </div>
 
+          </div>
 
+          <div
 
+            class="current-tab"
 
+            v-if="language_current == 'chs'"
 
+            :style="{ left: current_tab }"
 
+          ></div>
 
+        </div>
 
+        <div class="about item" id="企业定位">
 
+          <div class="title">{{text('企业定位')}}</div>
 
+          <div class="content">{{info[lan_key('about_content')]}}</div>
 
+        </div>
 
+        <div
 
+          class="mission item"
 
+          id="企业使命"
 
+          :style="{backgroundImage:`url(${info.mission_image})`}"
 
+        >
 
+          <div class="title" style="color: #fff">{{text('企业使命')}}</div>
 
+          <div class="content" style="color: #fff">
 
+            {{info[lan_key('mission_content')]}}
 
+          </div>
 
+        </div>
 
+        <!-- <div class="strength item" v-if="current_index == 2">
 
+          <div class="title">{{text("研发实力")}}</div>
 
+          <div class="box" v-if="info.strength_data_text">
 
+            <div class="box-item" v-for="item in info.strength_data_text">
 
+              <div class="item-title">{{item[lan_key('name')]}}</div>
 
+              <div class="item-content">{{item[lan_key('description')]}}</div>
 
+            </div>
 
+          </div>
 
+        </div> -->
 
+        <div class="future item" id="企业愿景">
 
+          <div class="title">{{text('企业愿景')}}</div>
 
+          <div class="content">{{info[lan_key('future_content')]}}</div>
 
+        </div>
 
+        <div class="contact item" id="联系我们">
 
+          <div class="title">{{text('联系我们')}}</div>
 
+          <img class="contact-img" :src="baseURL + company_img" alt="" />
 
+          <div class="contact-list">
 
+            <div class="company" v-for="item in company_list">
 
+              <div class="name">{{item[lan_key('company_name')]}}</div>
 
+              <div class="phone">
 
+                <!-- {{text('联系电话')}}：
 
+                <span class="info">{{item.company_phone}}</span> -->
 
+              </div>
 
+              <div class="address">
 
+                {{text('地址')}}：<span class="info"
 
+                  >{{item[lan_key('company_address')]}}</span
 
+                >
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="online item">
 
+          <div class="title">{{text('在线留言')}}</div>
 
+          <div class="tips">{{config[lan_key('message_text')]}}</div>
 
+          <div class="card">
 
+            <div class="name">
 
+              <div class="item-title required">{{text('您的称呼')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.realname"
 
+                :placeholder="text('请输入您的称呼')"
 
+              />
 
+            </div>
 
+            <div class="phone">
 
+              <div class="item-title required">{{text('您的联系电话')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.tel"
 
+                :placeholder="text('请输入您的联系电话')"
 
+              />
 
+            </div>
 
+            <div class="email">
 
+              <div class="item-title required">{{text('您的邮箱地址')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.email"
 
+                :placeholder="text('请输入您的邮箱地址')"
 
+              />
 
+            </div>
 
+            <div class="desc">
 
+              <div class="item-title">{{text('描述')}}</div>
 
+              <textarea
 
+                v-model="params.content"
 
+                :placeholder="text('请详细描述您需要的服务或者支持')"
 
+              ></textarea>
 
+            </div>
 
+            <div class="a-btn confirm" @click="submit">{{text('提交')}}</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/banner-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/about-mobile.js"></script>
 
+  </body>
 
+</html>

+ 212 - 0
about.html
View File 

@@ -0,0 +1,212 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>关于我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/banner.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/about.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="tab">
 
+          <div
 
+            class="tab-item"
 
+            v-for="(item,index) in tab_list"
 
+            @click="changeCurrent(item)"
 
+          >
 
+            {{text(item)}}
 
+          </div>
 
+          <div class="current-tab" :style="{ left: current_tab }"></div>
 
+        </div>
 
+        <div class="about item" id="企业定位">
 
+          <div class="title">{{text('企业定位')}}</div>
 
+          <div class="content">{{info[lan_key('about_content')]}}</div>
 
+        </div>
 
+        <div
 
+          class="mission item"
 
+          id="企业使命"
 
+          :style="{backgroundImage:`url(${info.mission_image})`}"
 
+        >
 
+          <div class="title" style="color: #fff">{{text('企业使命')}}</div>
 
+          <div class="content" style="color: #fff">
 
+            {{info[lan_key('mission_content')]}}
 
+          </div>
 
+        </div>
 
+        <!-- <div class="strength item">
 
+          <div class="title">{{text("研发实力")}}</div>
 
+          <div class="box" v-if="info.strength_data_text">
 
+            <div class="box-item" v-for="item in info.strength_data_text">
 
+              <div class="item-title">{{item[lan_key('name')]}}</div>
 
+              <div class="item-content">{{item[lan_key('description')]}}</div>
 
+            </div>
 
+          </div>
 
+        </div> -->
 
+        <div class="future item" id="企业愿景">
 
+          <div class="title">{{text('企业愿景')}}</div>
 
+          <div class="content">{{info[lan_key('future_content')]}}</div>
 
+        </div>
 
+        <div class="contact item" id="联系我们">
 
+          <div class="title">{{text('联系我们')}}</div>
 
+          <div class="contact-content">
 
+            <img class="contact-img" :src="baseURL + company_img" alt="" />
 
+            <div class="contact-list">
 
+              <div class="company" v-for="item in company_list">
 
+                <div class="top">
 
+                  <div class="name">{{item[lan_key('company_name')]}}</div>
 
+                  <div class="phone">
 
+                    <!-- {{text('联系电话')}}： {{item.company_phone}} -->
 
+                  </div>
 
+                </div>
 
+                <div class="bottom address">
 
+                  {{text('地址')}}：{{item[lan_key('company_address')]}}
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="online item">
 
+          <div class="title">{{text('在线留言')}}</div>
 
+          <div class="tips">{{config[lan_key('message_text')]}}</div>
 
+          <div class="card">
 
+            <div class="row">
 
+              <div class="name">
 
+                <div class="item-title required">{{text('您的称呼')}}</div>
 
+                <input
 
+                  type="text"
 
+                  v-model="params.realname"
 
+                  :placeholder="text('请输入您的称呼')"
 
+                />
 
+              </div>
 
+              <div class="phone">
 
+                <div class="item-title required">{{text('您的联系电话')}}</div>
 
+                <input
 
+                  type="text"
 
+                  v-model="params.tel"
 
+                  :placeholder="text('请输入您的联系电话')"
 
+                />
 
+              </div>
 
+            </div>
 
+            <div class="email">
 
+              <div class="item-title required">{{text('您的邮箱地址')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.email"
 
+                :placeholder="text('请输入您的邮箱地址')"
 
+              />
 
+            </div>
 
+            <div class="desc">
 
+              <div class="item-title">{{text('描述')}}</div>
 
+              <textarea
 
+                v-model="params.content"
 
+                :placeholder="text('请详细描述您需要的服务或者支持')"
 
+              ></textarea>
 
+            </div>
 
+            <div class="a-btn confirm" @click="submit">{{text('提交')}}</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/banner.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/about.js"></script>
 
+  </body>
 
+</html>

+ 101 - 0
agreement-mobile.html
View File 

@@ -0,0 +1,101 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/agreement-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="title">{{info[lan_key('title')]}}</div>
 
+        <div class="content" v-html="info[lan_key('content')]"></div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/agreement-mobile.js"></script>
 
+  </body>
 
+</html>

+ 115 - 0
agreement.html
View File 

@@ -0,0 +1,115 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/agreement.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img
 
+          class="header-logo"
 
+          :src="baseURL + config.web_logo_color"
 
+          alt=""
 
+        />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="title">{{info[lan_key('title')]}}</div>
 
+        <div class="card">
 
+          <div class="content" v-html="info[lan_key('content')]"></div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/agreement.js"></script>
 
+  </body>
 
+</html>

+ 168 - 0
contact-mobile.html
View File 

@@ -0,0 +1,168 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>联系我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/banner-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/contact-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="company-info">
 
+          <div class="name">{{config[lan_key('web_company_name')]}}</div>
 
+          <div class="info">
 
+            <div class="info-item">
 
+              <div class="top">{{text('咨询电话')}}</div>
 
+              <div class="bottom">
 
+                {{config.web_tel.tel1}} <br /><br />
 
+                {{config.web_tel.tel2}}
 
+              </div>
 
+            </div>
 
+            <div class="info-item">
 
+              <div class="top">{{text('联络邮箱')}}</div>
 
+              <div class="bottom">{{config.web_email}}</div>
 
+            </div>
 
+            <div class="info-item">
 
+              <div class="top">{{text('公司地址')}}</div>
 
+              <div class="bottom">
 
+                {{config[lan_key('web_company_address')]}}
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="contact">
 
+          <div class="title">{{text('在线留言')}}</div>
 
+          <div class="tips">{{config[lan_key('message_text')]}}</div>
 
+          <div class="card">
 
+            <div class="name">
 
+              <div class="item-title required">{{text('您的称呼')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.realname"
 
+                :placeholder="text('请输入您的称呼')"
 
+              />
 
+            </div>
 
+            <div class="phone">
 
+              <div class="item-title required">{{text('您的联系电话')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.tel"
 
+                :placeholder="text('请输入您的联系电话')"
 
+              />
 
+            </div>
 
+            <div class="email">
 
+              <div class="item-title required">{{text('您的邮箱地址')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.email"
 
+                :placeholder="text('请输入您的邮箱地址')"
 
+              />
 
+            </div>
 
+            <div class="desc">
 
+              <div class="item-title">{{text('描述')}}</div>
 
+              <textarea
 
+                v-model="params.content"
 
+                :placeholder="text('请详细描述您需要的服务或者支持')"
 
+              ></textarea>
 
+            </div>
 
+            <div class="a-btn confirm" @click="submit">{{text('提交')}}</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/banner-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/contact-mobile.js"></script>
 
+  </body>
 
+</html>

+ 178 - 0
contact.html
View File 

@@ -0,0 +1,178 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>联系我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/banner.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/contact.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="company-info">
 
+          <div class="name">{{config[lan_key('web_company_name')]}}</div>
 
+          <div class="info">
 
+            <div class="info-item">
 
+              <div class="top">{{text('咨询电话')}}</div>
 
+              <div class="bottom">
 
+                {{config.web_tel.tel1}} <br /><br />
 
+                {{config.web_tel.tel2}}
 
+              </div>
 
+            </div>
 
+            <div class="info-item">
 
+              <div class="top">{{text('联络邮箱')}}</div>
 
+              <div class="bottom">{{config.web_email}}</div>
 
+            </div>
 
+            <div class="info-item">
 
+              <div class="top">{{text('公司地址')}}</div>
 
+              <div class="bottom">
 
+                {{config[lan_key('web_company_address')]}}
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="contact">
 
+          <div class="title">{{text('在线留言')}}</div>
 
+          <div class="tips">{{config[lan_key('message_text')]}}</div>
 
+          <div class="card">
 
+            <div class="row">
 
+              <div class="name">
 
+                <div class="item-title required">{{text('您的称呼')}}</div>
 
+                <input
 
+                  type="text"
 
+                  v-model="params.realname"
 
+                  :placeholder="text('请输入您的称呼')"
 
+                />
 
+              </div>
 
+              <div class="phone">
 
+                <div class="item-title required">{{text('您的联系电话')}}</div>
 
+                <input
 
+                  type="text"
 
+                  v-model="params.tel"
 
+                  :placeholder="text('请输入您的联系电话')"
 
+                />
 
+              </div>
 
+            </div>
 
+            <div class="email">
 
+              <div class="item-title required">{{text('您的邮箱地址')}}</div>
 
+              <input
 
+                type="text"
 
+                v-model="params.email"
 
+                :placeholder="text('请输入您的邮箱地址')"
 
+              />
 
+            </div>
 
+            <div class="desc">
 
+              <div class="item-title">{{text('描述')}}</div>
 
+              <textarea
 
+                v-model="params.content"
 
+                :placeholder="text('请详细描述您需要的服务或者支持')"
 
+              ></textarea>
 
+            </div>
 
+            <div class="a-btn confirm" @click="submit">{{text('提交')}}</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/banner.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/contact.js"></script>
 
+  </body>
 
+</html>

+ 201 - 0
css/about-mobile.css
View File 

@@ -0,0 +1,201 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+.wrap .tab {
 
+  height: 2.5rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  position: relative;
 
+  overflow-x: auto;
 
+  overflow-y: hidden;
 
+}
 
+.wrap .tab::-webkit-scrollbar {
 
+  height: 0;
 
+}
 
+.wrap .tab .tab-content {
 
+  height: 2.5rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+.tab .tab-item {
 
+  height: 2.5rem;
 
+  /* width: 5.625rem; */
 
+  white-space: nowrap;
 
+  padding: 0 0.625rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  line-height: 2.5rem;
 
+}
 
+.tab .current-tab {
 
+  position: absolute;
 
+  bottom: 0;
 
+  width: 3rem;
 
+  height: 0.125rem;
 
+  background-color: #1d52a2;
 
+  transition: all 0.25s;
 
+}
 
+
 
+.wrap .item {
 
+  padding: 0.9375rem;
 
+}
 
+.item .title {
 
+  font-size: 1.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.item .content {
 
+  font-size: 0.8125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  width: 100%;
 
+  margin: 1.25rem auto 0;
 
+}
 
+
 
+.wrap .mission {
 
+  min-height: 15rem;
 
+  width: 100%;
 
+  background-repeat: no-repeat;
 
+  background-size: auto 100%;
 
+}
 
+.wrap .strength {
 
+  background: #f4f4f4;
 
+  padding-bottom: 1.875rem;
 
+}
 
+.strength .box {
 
+  width: 100%;
 
+  margin: 1.25rem auto 0;
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+.strength .box .box-item {
 
+  width: 100%;
 
+  min-height: 7.5rem;
 
+  background: #fff;
 
+  margin-bottom: 1.25rem;
 
+  padding: 1.25rem 0;
 
+}
 
+.strength .box .box-item .item-title {
 
+  border-left: 0.25rem solid #1d52a2;
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  padding: 0 1.875rem;
 
+}
 
+.strength .box .box-item .item-content {
 
+  padding: 0 1.875rem;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  margin-top: 0.625rem;
 
+}
 
+
 
+.wrap .contact {
 
+  width: 100%;
 
+  margin: 1.25rem auto 0;
 
+  padding: 1.25rem 0.9375rem 0.9375rem;
 
+  background: #f4f4f4;
 
+}
 
+.contact .contact-img {
 
+  width: 100%;
 
+  margin-top: 1.25rem;
 
+}
 
+.contact .contact-list {
 
+  width: 100%;
 
+}
 
+.contact .contact-list .company {
 
+  width: 100%;
 
+  padding-bottom: 1.25rem;
 
+  margin-top: 1.25rem;
 
+}
 
+.contact .contact-list > :not(:last-child) {
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.1);
 
+}
 
+.company .name {
 
+  font-weight: 500;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+}
 
+.company .phone {
 
+  font-weight: 400;
 
+  font-size: 0.75rem;
 
+  color: #222222;
 
+  margin-top: 0.9375rem;
 
+}
 
+.company .address {
 
+  font-weight: 400;
 
+  font-size: 0.75rem;
 
+  color: #222222;
 
+  margin-top: 0.9375rem;
 
+}
 
+.company .info {
 
+  color: #555555;
 
+}
 
+
 
+.wrap .online {
 
+  width: 100%;
 
+  margin: 1.25rem auto 0;
 
+  padding: 0.9375rem;
 
+}
 
+.online .title {
 
+  width: 100%;
 
+  font-size: 1.125rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.online .tips {
 
+  width: 100%;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 0.9375rem;
 
+}
 
+.online .card {
 
+  height: 35.625rem;
 
+  background: #f4f4f4;
 
+  margin: 3.125rem 0;
 
+  padding: 1.25rem 0.9375rem;
 
+}
 
+.online .card input {
 
+  width: 100%;
 
+  height: 2.375rem;
 
+  background: #ffffff;
 
+  font-size: 0.8125rem;
 
+  color: #222222;
 
+  padding: 0 0.625rem;
 
+}
 
+.online .card textarea {
 
+  width: 100%;
 
+  height: 10rem;
 
+  background: #ffffff;
 
+  font-size: 0.8125rem;
 
+  color: #222222;
 
+  padding: 0.625rem;
 
+  resize: none;
 
+}
 
+.online .card .item-title {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin: 0.9375rem 0;
 
+}
 
+.online .card .required::after {
 
+  content: "*";
 
+  color: #e02020;
 
+}
 
+.online .card .confirm {
 
+  width: 8.5625rem;
 
+  height: 2.625rem;
 
+  line-height: 2.625rem;
 
+  font-size: 0.875rem;
 
+  margin: 1.25rem auto 0;
 
+}
 
+/* .wrap .future {
 
+}
 
+.wrap .about {
 
+} */

+ 214 - 0
css/about.css
View File 

@@ -0,0 +1,214 @@
 
+/* .wrap{} */
 
+.wrap .tab {
 
+  height: 5rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  position: relative;
 
+}
 
+.tab .tab-item {
 
+  height: 5rem;
 
+  width: 15rem;
 
+  font-size: 1.125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  line-height: 5rem;
 
+  cursor: pointer;
 
+}
 
+.tab .current-tab {
 
+  position: absolute;
 
+  bottom: 0;
 
+  width: 3.5rem;
 
+  height: 0.125rem;
 
+  background-color: #1d52a2;
 
+  transition: all 0.25s;
 
+}
 
+
 
+.wrap .item {
 
+  padding: 3.75rem 0;
 
+}
 
+.item .title {
 
+  font-size: 2.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.item .content {
 
+  font-size: 1.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  width: 90rem;
 
+  margin: 2.5rem auto 0;
 
+  text-align: center;
 
+  line-height: 1.875rem;
 
+}
 
+
 
+.wrap .mission {
 
+  min-height: 25rem;
 
+  width: 100%;
 
+  background-repeat: no-repeat;
 
+  background-size: 100% auto;
 
+}
 
+.wrap .strength {
 
+  background: #f4f4f4;
 
+  padding-bottom: 1.875rem;
 
+}
 
+.strength .box {
 
+  width: 90rem;
 
+  margin: 2.5rem auto 0;
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+.strength .box :nth-child(2n-1) {
 
+  margin-right: 1.875rem;
 
+}
 
+.strength .box .box-item {
 
+  width: calc((100% - 1.875rem) / 2);
 
+  height: 12.5rem;
 
+  background: #fff;
 
+  margin-bottom: 1.875rem;
 
+  padding: 1.875rem 0;
 
+}
 
+.strength .box .box-item .item-title {
 
+  border-left: 0.25rem solid #1d52a2;
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  padding: 0 1.875rem;
 
+}
 
+.strength .box .box-item .item-content {
 
+  padding: 0 1.875rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  margin-top: 1.875rem;
 
+}
 
+/* .wrap .future {
 
+}
 
+.wrap .about {
 
+} */
 
+.wrap .contact {
 
+  width: 100%;
 
+  background: #f4f4f4;
 
+}
 
+.contact .contact-content {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding: 3.125rem 0;
 
+  display: flex;
 
+  align-items: flex-start;
 
+}
 
+.contact .contact-content .contact-img {
 
+  width: calc(50% - 2.5rem);
 
+  margin-right: 2.5rem;
 
+}
 
+.contact .contact-content .contact-list {
 
+  width: 50%;
 
+}
 
+.contact .contact-content .contact-list .company {
 
+  width: 100%;
 
+  border-bottom: 0.0625rem solid #979797;
 
+  padding-bottom: 2.5rem;
 
+}
 
+.contact .contact-content .contact-list > :not(:first-child) {
 
+  margin-top: 5rem;
 
+}
 
+.company .top {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+}
 
+.company .name {
 
+  font-weight: 500;
 
+  font-size: 1.375rem;
 
+  color: #222222;
 
+  margin-right: 0.625rem;
 
+}
 
+.company .phone {
 
+  font-weight: 400;
 
+  font-size: 0.875rem;
 
+  color: #222222;
 
+  white-space: nowrap;
 
+}
 
+.company .address {
 
+  font-weight: 400;
 
+  font-size: 0.875rem;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+}
 
+
 
+.wrap .online {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding: 3.125rem 0;
 
+}
 
+.online .title {
 
+  width: 100%;
 
+  height: 2.8125rem;
 
+  font-size: 2rem;
 
+  color: #222222;
 
+  line-height: 2.8125rem;
 
+  text-align: center;
 
+}
 
+.online .tips {
 
+  width: 100%;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 1.25rem;
 
+}
 
+.online .card {
 
+  height: 50rem;
 
+  background: #f4f4f4;
 
+  margin-top: 3.125rem;
 
+  padding: 3.125rem 6.25rem 5rem;
 
+}
 
+.online .card input {
 
+  width: 100%;
 
+  height: 3.5rem;
 
+  background: #ffffff;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding: 0 1.25rem;
 
+}
 
+.online .card textarea {
 
+  width: 100%;
 
+  height: 15.375rem;
 
+  background: #ffffff;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding: 1.25rem;
 
+  resize: none;
 
+}
 
+.online .card .row {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.online .card .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  height: 5rem;
 
+  line-height: 5rem;
 
+}
 
+.online .card .required::after {
 
+  content: "*";
 
+  color: #e02020;
 
+}
 
+.online .card .name {
 
+  width: calc((100% - 1.875rem) / 2);
 
+}
 
+.online .card .phone {
 
+  width: calc((100% - 1.875rem) / 2);
 
+  margin-left: 1.875rem;
 
+}
 
+.online .card .email {
 
+  width: 100%;
 
+}
 
+.online .card .confirm {
 
+  margin-top: 1.875rem;
 
+}

+ 22 - 0
css/agreement-mobile.css
View File 

@@ -0,0 +1,22 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+
 
+.wrap .title {
 
+  width: 100%;
 
+  padding: 0 0.9375rem;
 
+  font-size: 1.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+  margin: 1.875rem 0;
 
+}
 
+
 
+.wrap .content {
 
+  min-height: 25rem;
 
+  padding: 0 0.9375rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-bottom: 3.125rem;
 
+}

+ 28 - 0
css/agreement.css
View File 

@@ -0,0 +1,28 @@
 
+.wrap {
 
+  padding-top: 5.25rem;
 
+  background-color: #f4f4f4;
 
+}
 
+
 
+.wrap .title {
 
+  width: 90rem;
 
+  padding: 0 10rem;
 
+  margin: 3.125rem auto 0;
 
+  font-size: 2.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.wrap .card {
 
+  width: 90rem;
 
+  min-height: 50rem;
 
+  padding: 3rem 10rem 1rem;
 
+  background: #fff;
 
+  margin: 1.875rem auto;
 
+}
 
+
 
+.card .content {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-bottom: 3.125rem;
 
+}

+ 49 - 0
css/common/default.css
View File 

@@ -0,0 +1,49 @@
 
+* {
 
+  box-sizing: border-box;
 
+}
 
+*::-webkit-scrollbar {
 
+  width: 0.5rem;
 
+  background-color: #fff;
 
+}
 
+*::-webkit-scrollbar-thumb {
 
+  background-color: #eeeeee;
 
+}
 
+html {
 
+  font-size: 16px;
 
+  background-color: white;
 
+  height: 100%;
 
+}
 
+body {
 
+  margin: 0;
 
+  padding: 0;
 
+}
 
+input,
 
+textarea {
 
+  border: none;
 
+  outline: none;
 
+  font-family: "generic-family";
 
+}
 
+input::placeholder,
 
+textarea::placeholder {
 
+  font-weight: 400;
 
+  color: rgba(34, 34, 34, 0.5);
 
+  font-family: "generic-family";
 
+}
 
+img {
 
+  width: 100%;
 
+  object-fit: cover;
 
+}
 
+.a-btn {
 
+  width: 9.125rem;
 
+  height: 3.5rem;
 
+  display: block;
 
+  text-decoration: none;
 
+  background: #1d52a2;
 
+  text-align: center;
 
+  line-height: 3.5rem;
 
+  user-select: none;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+  cursor: pointer;
 
+}

File diff suppressed because it is too large
+ 12 - 0
css/common/swiper-bundle.min.css


+ 20 - 0
css/components/banner-mobile.css
View File 

@@ -0,0 +1,20 @@
 
+.banner {
 
+  width: 100%;
 
+  height: 9rem;
 
+  background: black;
 
+  position: relative;
 
+  background-repeat: no-repeat;
 
+  background-size: auto 100%;
 
+  background-position: 50%;
 
+}
 
+.banner-title {
 
+  height: 1.375rem;
 
+  font-size: 1.25rem;
 
+  font-weight: normal;
 
+  color: #ffffff;
 
+  position: absolute;
 
+  line-height: 1.375rem;
 
+  left: 50%;
 
+  top: calc((9rem - 0.6875rem) / 2);
 
+  transform: translate(-50%, 0);
 
+}

+ 17 - 0
css/components/banner.css
View File 

@@ -0,0 +1,17 @@
 
+.banner {
 
+  width: 100%;
 
+  height: 30rem;
 
+  background: black;
 
+  position: relative;
 
+  background-repeat: no-repeat;
 
+  background-size: 100% auto;
 
+}
 
+.banner-title {
 
+  font-size: 3.125rem;
 
+  font-weight: normal;
 
+  color: #ffffff;
 
+  position: absolute;
 
+  left: 50%;
 
+  top: calc((30rem - 5.25rem) / 2);
 
+  transform: translate(-50%, 0);
 
+}

+ 76 - 0
css/components/footer-mobile.css
View File 

@@ -0,0 +1,76 @@
 
+.footer {
 
+  min-height: 25rem;
 
+  width: 100%;
 
+  background: #10151d;
 
+  padding: 0.9375rem;
 
+}
 
+
 
+.footer-company {
 
+  height: 3.625rem;
 
+  width: 18.125rem;
 
+}
 
+.footer-page {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  margin-top: 1.875rem;
 
+  margin-bottom: 1.25rem;
 
+}
 
+.footer-page :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.footer-page .footer-page-item {
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+  text-decoration: none;
 
+}
 
+
 
+.footer .footer-info {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  font-size: 0.875rem;
 
+  font-weight: 300;
 
+  color: #ffffff;
 
+  margin-bottom: 0.625rem;
 
+}
 
+.footer .footer-info .footer-icon {
 
+  width: 1.125rem;
 
+  height: 1.125rem;
 
+  margin-right: 0.5rem;
 
+}
 
+
 
+.footer-line {
 
+  width: 100%;
 
+  height: 0.0625rem;
 
+  opacity: 0.2;
 
+  background: #979797;
 
+  margin: 1.25rem 0;
 
+}
 
+
 
+.footer-ICP {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: rgba(255, 255, 255, 0.7);
 
+  text-decoration: none;
 
+  margin-bottom: 0.625rem;
 
+}
 
+
 
+.footer-term {
 
+  display: flex;
 
+  align-items: center;
 
+  opacity: 0.8;
 
+  margin-top: 1.875rem;
 
+}
 
+.footer-term > span {
 
+  margin: 0 0.625rem;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}
 
+.footer-term .footer-term-item {
 
+  text-decoration: none;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}

+ 113 - 0
css/components/footer.css
View File 

@@ -0,0 +1,113 @@
 
+.footer {
 
+  min-height: 22.5rem;
 
+  width: 100%;
 
+  background: #10151d;
 
+  padding: 3.125rem;
 
+}
 
+
 
+.footer .footer-company-page {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+/* .footer-company-page .footer-company {
 
+  font-size: 1.5rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+} */
 
+.footer-company-page .footer-company {
 
+  height: 3.75rem;
 
+  width: 18rem;
 
+}
 
+.footer-company-page .footer-page {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.footer-company-page .footer-page :not(:last-child) {
 
+  margin-right: 1rem;
 
+}
 
+.footer-company-page .footer-page .footer-page-item {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+  text-decoration: none;
 
+}
 
+
 
+.footer .footer-email-time {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: flex-end;
 
+  margin-top: 2.5rem;
 
+}
 
+.footer-email-time .footer-email {
 
+  font-size: 1.125rem;
 
+  font-weight: 300;
 
+  color: #ffffff;
 
+}
 
+.footer-email-time .footer-time {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+  margin-left: 0.625rem;
 
+  opacity: 0.7;
 
+}
 
+
 
+.footer .footer-place-phone {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  font-size: 1.125rem;
 
+  font-weight: 300;
 
+  color: #ffffff;
 
+  margin-top: 0.625rem;
 
+}
 
+
 
+.footer .footer-info {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.footer .footer-info .footer-icon {
 
+  width: 1.125rem;
 
+  height: 1.125rem;
 
+  margin-right: 0.5rem;
 
+}
 
+
 
+.footer-line {
 
+  width: 100%;
 
+  height: 0;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  margin-top: 2rem;
 
+}
 
+
 
+.footer .footer-term-ICP {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  margin-top: 2.5rem;
 
+}
 
+.footer-term-ICP .footer-term {
 
+  display: flex;
 
+  align-items: center;
 
+  opacity: 0.8;
 
+}
 
+.footer-term-ICP .footer-term > span {
 
+  margin: 0 0.625rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}
 
+.footer-term-ICP .footer-term .footer-term-item {
 
+  text-decoration: none;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}
 
+.footer-term-ICP .footer-ICP {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}
 
+.footer-term-ICP .footer-ICP a {
 
+  text-decoration: none;
 
+  color: #ffffff;
 
+}

+ 70 - 0
css/components/header-mobile.css
View File 

@@ -0,0 +1,70 @@
 
+.header {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 2.75rem;
 
+  width: 100%;
 
+  padding-right: 0.9375rem;
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 1000;
 
+}
 
+.header-logo {
 
+  width: 7.4688rem;
 
+  height: 2.625rem;
 
+}
 
+
 
+.header-right {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.header-right .header-language {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #999999;
 
+  user-select: none;
 
+}
 
+.header-right .header-language > .current {
 
+  color: #1e55a6;
 
+}
 
+.header-right .header-menu {
 
+  width: 1rem;
 
+  height: 1rem;
 
+  margin-left: 0.625rem;
 
+}
 
+
 
+.header-nav {
 
+  height: calc(100vh - 2.75rem);
 
+  overflow: hidden;
 
+  position: fixed;
 
+  transition: height 0.25s;
 
+  top: 2.75rem;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 1000;
 
+  border-top: 0.0625rem solid rgba(151, 151, 151, 0.1);
 
+  display: none;
 
+  background-color: #fff;
 
+}
 
+.header-nav > a {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: rgba(34, 34, 34, 0.8);
 
+  text-decoration: none;
 
+  height: 2.75rem;
 
+  padding: 0 0.9375rem;
 
+  border-top: 0.0625rem solid rgba(151, 151, 151, 0.1);
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.header-nav > a .current {
 
+  color: #1d52a2;
 
+}
 
+.header-nav > a .icon {
 
+  display: block;
 
+  width: 1rem;
 
+  text-align: center;
 
+}

+ 61 - 0
css/components/header.css
View File 

@@ -0,0 +1,61 @@
 
+.header {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 5.25rem;
 
+  width: 100%;
 
+  padding: 0 3.125rem;
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 1000;
 
+}
 
+.header-logo {
 
+  width: 14.9375rem;
 
+  height: 5.25rem;
 
+}
 
+.header-nav {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 5.25rem;
 
+  width: 43.75rem;
 
+}
 
+.header-nav > a {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: var(--color);
 
+  text-decoration: none;
 
+  display: block;
 
+  height: 5.25rem;
 
+  line-height: 5.25rem;
 
+}
 
+.header-nav > .current {
 
+  border-bottom: 0.125rem solid var(--color);
 
+}
 
+/* .nav :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+} */
 
+.header-language {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  width: 17.5rem;
 
+  height: 5.25rem;
 
+  padding-left: 7.5rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  user-select: none;
 
+}
 
+.header-language > span {
 
+  opacity: 0.6;
 
+  color: var(--color);
 
+}
 
+.header-language > .current {
 
+  opacity: 1;
 
+  cursor: default;
 
+}
 
+.header-language > .no-current {
 
+  cursor: pointer;
 
+}

+ 96 - 0
css/contact-mobile.css
View File 

@@ -0,0 +1,96 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+
 
+.wrap .company-info {
 
+  width: 100%;
 
+  padding: 0.9375rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+}
 
+.company-info .name {
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.company-info .info {
 
+  padding-top: 2.5rem;
 
+}
 
+.company-info .info .info-item {
 
+  width: 100%;
 
+}
 
+.company-info .info .info-item .top {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  padding-bottom: 1.25rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+}
 
+.company-info .info .info-item .bottom {
 
+  padding: 1.875rem 0;
 
+  height: 8.75rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+}
 
+
 
+.wrap .contact {
 
+  width: 100%;
 
+  margin: 1.25rem auto 0;
 
+  padding: 0.9375rem;
 
+}
 
+.contact .title {
 
+  width: 100%;
 
+  font-size: 1.125rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.contact .tips {
 
+  width: 100%;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 0.9375rem;
 
+}
 
+.contact .card {
 
+  height: 35.625rem;
 
+  background: #f4f4f4;
 
+  margin: 3.125rem 0;
 
+  padding: 1.25rem 0.9375rem;
 
+}
 
+.contact .card input {
 
+  width: 100%;
 
+  height: 2.375rem;
 
+  background: #ffffff;
 
+  font-size: 0.8125rem;
 
+  color: #222222;
 
+  padding: 0 0.625rem;
 
+}
 
+.contact .card textarea {
 
+  width: 100%;
 
+  height: 10rem;
 
+  background: #ffffff;
 
+  font-size: 0.8125rem;
 
+  color: #222222;
 
+  padding: 0.625rem;
 
+  resize: none;
 
+}
 
+.contact .card .item-title {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin: 0.9375rem 0;
 
+}
 
+.contact .card .required::after {
 
+  content: "*";
 
+  color: #e02020;
 
+}
 
+.contact .card .confirm {
 
+  width: 8.5625rem;
 
+  height: 2.625rem;
 
+  line-height: 2.625rem;
 
+  font-size: 0.875rem;
 
+  margin: 1.25rem auto 0;
 
+}

+ 115 - 0
css/contact.css
View File 

@@ -0,0 +1,115 @@
 
+/* .wrap {
 
+} */
 
+
 
+.wrap .company-info {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding: 1.875rem 0;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+}
 
+.company-info .name {
 
+  font-size: 1.875rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.company-info .info {
 
+  display: flex;
 
+  align-items: center;
 
+  padding-top: 1.875rem;
 
+}
 
+.company-info .info > :not(:last-child) {
 
+  margin-right: 1.875rem;
 
+}
 
+.company-info .info .info-item {
 
+  width: 27.5rem;
 
+}
 
+.company-info .info .info-item .top {
 
+  height: 5rem;
 
+  font-size: 1.375rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  line-height: 5rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+}
 
+.company-info .info .info-item .bottom {
 
+  padding: 1.875rem 0;
 
+  height: 8.75rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+
 
+.wrap .contact {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding: 3.125rem 0;
 
+}
 
+.contact .title {
 
+  width: 100%;
 
+  height: 2.8125rem;
 
+  font-size: 2rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  line-height: 2.8125rem;
 
+  text-align: center;
 
+}
 
+.contact .tips {
 
+  width: 100%;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 1.25rem;
 
+}
 
+.contact .card {
 
+  height: 50rem;
 
+  background: #f4f4f4;
 
+  margin-top: 3.125rem;
 
+  padding: 3.125rem 6.25rem 5rem;
 
+}
 
+.contact .card input {
 
+  width: 100%;
 
+  height: 3.5rem;
 
+  background: #ffffff;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding: 0 1.25rem;
 
+}
 
+.contact .card textarea {
 
+  width: 100%;
 
+  height: 15.375rem;
 
+  background: #ffffff;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding: 1.25rem;
 
+  resize: none;
 
+}
 
+.contact .card .row {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.contact .card .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  height: 5rem;
 
+  line-height: 5rem;
 
+}
 
+.contact .card .required::after {
 
+  content: "*";
 
+  color: #e02020;
 
+}
 
+.contact .card .name {
 
+  width: calc((100% - 1.875rem) / 2);
 
+}
 
+.contact .card .phone {
 
+  width: calc((100% - 1.875rem) / 2);
 
+  margin-left: 1.875rem;
 
+}
 
+.contact .card .email {
 
+  width: 100%;
 
+}
 
+.contact .card .confirm {
 
+  margin-top: 1.875rem;
 
+}

+ 357 - 0
css/index-mobile.css
View File 

@@ -0,0 +1,357 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+
 
+/* 轮播图 */
 
+.wrap .carousel {
 
+  width: 100%;
 
+  height: 12.125rem;
 
+  position: relative;
 
+}
 
+.carousel-item {
 
+  background: rgba(0, 0, 0, 0.1);
 
+  color: white;
 
+  width: 100%;
 
+  height: 100%;
 
+  overflow: hidden;
 
+}
 
+.carousel-item .carousel-img {
 
+  width: 100%;
 
+  height: 12.125rem;
 
+}
 
+
 
+/* 滑块控件 */
 
+.carousel-scroll {
 
+  position: absolute;
 
+  bottom: 1.25rem;
 
+  left: 50%;
 
+  transform: translate(-50%, 0);
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  z-index: 100;
 
+}
 
+.carousel-scroll .scroll-item {
 
+  width: 1.5625rem;
 
+  height: 0.0625rem;
 
+  background: #999999;
 
+  cursor: pointer;
 
+}
 
+.carousel-scroll .current {
 
+  background: #ffffff;
 
+  cursor: default;
 
+}
 
+
 
+/* 关于 */
 
+.wrap .about {
 
+  padding: 0 0.9375rem;
 
+  margin: 1.25rem 0;
 
+}
 
+.about .info {
 
+  width: 100%;
 
+}
 
+.about .info .href {
 
+  font-size: 0.75rem;
 
+  font-weight: 500;
 
+  color: #1d52a2;
 
+  text-decoration: none;
 
+}
 
+.about .info .title {
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+}
 
+.about .info .detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 300;
 
+  color: #444444;
 
+  margin-top: 1.25rem;
 
+}
 
+.about .info .more {
 
+  width: 6.625rem;
 
+  height: 2.75rem;
 
+  line-height: 2.75rem;
 
+  font-size: 0.875rem;
 
+  margin-top: 1.25rem;
 
+}
 
+.about .video {
 
+  width: 100%;
 
+  height: 15.125rem;
 
+  background-color: #000;
 
+  margin-top: 1.25rem;
 
+}
 
+
 
+/* 公司 */
 
+.wrap .company {
 
+  width: 100%;
 
+  height: 14.875rem;
 
+  background: #000;
 
+  position: relative;
 
+  background-repeat: no-repeat;
 
+  background-size: auto 100%;
 
+  background-position: 50%;
 
+}
 
+.company .company-tab {
 
+  width: calc(100% - 1.875rem);
 
+  height: 2.25rem;
 
+  backdrop-filter: blur(0.25rem);
 
+  position: absolute;
 
+  bottom: 1.25rem;
 
+  left: 50%;
 
+  transform: translate(-50%, 0);
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.company .company-tab .tab-item {
 
+  flex: 1;
 
+  height: 2.25rem;
 
+  font-size: 0.75rem;
 
+  font-weight: 500;
 
+  color: #ffffff;
 
+  line-height: 2.25rem;
 
+  text-align: center;
 
+  background: rgba(255, 255, 255, 0.1);
 
+  position: relative;
 
+  cursor: pointer;
 
+}
 
+.company .company-tab .tab-item .tab-item-bottom {
 
+  width: 1.375rem;
 
+  height: 0.0625rem;
 
+  background: #fff;
 
+  position: absolute;
 
+  bottom: 0;
 
+  left: calc(50% - 0.6875rem);
 
+}
 
+.company .company-tab .tab-line {
 
+  height: 2.25rem;
 
+  width: 0.0625rem;
 
+}
 
+.company .company-tab .tab-line > div {
 
+  width: 0.0625rem;
 
+  height: 1.35rem;
 
+}
 
+.company .company-tab .tab-line :nth-child(2n - 1) {
 
+  height: 0.45rem;
 
+  background: rgba(255, 255, 255, 0.1);
 
+}
 
+
 
+/* 产品 */
 
+.wrap .product {
 
+  padding: 1.875rem 0.9375rem;
 
+}
 
+.product .product-title {
 
+  width: 100%;
 
+  height: 1.75rem;
 
+  font-size: 1.25rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  line-height: 1.75rem;
 
+  text-align: center;
 
+}
 
+.product .product-tips {
 
+  width: 80%;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin: 0.625rem auto 0;
 
+}
 
+.product .product-img {
 
+  width: 100%;
 
+  margin-top: 0.625rem;
 
+}
 
+.product .product-tab {
 
+  height: 2.5rem;
 
+  width: 100%;
 
+  margin: 0.625rem auto 0;
 
+  overflow-x: auto;
 
+}
 
+.product .product-tab::-webkit-scrollbar {
 
+  height: 0;
 
+}
 
+.product .product-tab .tab-box {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.product .product-tab .tab-item {
 
+  height: 2.5rem;
 
+  width: 7.5rem;
 
+  text-align: center;
 
+  line-height: 2.5rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  padding: 0 0.625rem;
 
+  border-bottom: 0.0625rem solid #979797;
 
+  cursor: pointer;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+}
 
+.product .product-tab .current {
 
+  border-bottom: 0.0625rem solid #1d52a2;
 
+  transition: all 0.1s;
 
+}
 
+.product .product-content {
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  padding-top: 0.625rem;
 
+}
 
+.product .product-content .content-info {
 
+  width: 100%;
 
+}
 
+.product .product-content .content-info .info-title {
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+}
 
+.product .product-content .content-info .info-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #555555;
 
+  margin-top: 1.25rem;
 
+}
 
+.product .product-content .content-info .info-more {
 
+  width: 6.625rem;
 
+  height: 2.75rem;
 
+  line-height: 2.75rem;
 
+  font-size: 0.875rem;
 
+  margin-top: 1.25rem;
 
+}
 
+.product .product-content .content-img {
 
+  width: 100%;
 
+  height: 13.75rem;
 
+  margin-top: 1.25rem;
 
+}
 
+
 
+/* 新闻 */
 
+.wrap .news {
 
+  padding: 1.875rem 0.9375rem;
 
+}
 
+.news .news-title {
 
+  width: 100%;
 
+  height: 1.75rem;
 
+  font-size: 1.25rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  line-height: 1.75rem;
 
+  text-align: center;
 
+}
 
+.news .news-tips {
 
+  width: 80%;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin: 0.625rem auto 0;
 
+}
 
+.news .news-content {
 
+  padding-top: 1.25rem;
 
+}
 
+.news .news-content .news-item {
 
+  width: 100%;
 
+  background: #fff;
 
+  margin-bottom: 1.25rem;
 
+}
 
+.news .news-content .news-item .item-cover {
 
+  width: 100%;
 
+  height: 13.75rem;
 
+  background: #000;
 
+}
 
+.news .news-content .news-item .item-bottom {
 
+  background: #f5f5f5;
 
+  padding: 0.9375rem;
 
+}
 
+.news .news-content .news-item .item-bottom .item-time {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+}
 
+.news .news-content .news-item .item-bottom .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 2;
 
+}
 
+.news .news-content .news-item .item-bottom .item-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  margin-top: 1.25rem;
 
+  margin-bottom: 1.875rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+}
 
+.news .news-content .news-item .item-bottom .item-view-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #888888;
 
+  text-decoration: none;
 
+}
 
+.news .news-more {
 
+  width: 7.8125rem;
 
+  height: 2.75rem;
 
+  line-height: 2.75rem;
 
+  font-size: 0.875rem;
 
+  margin: 1.25rem auto 0;
 
+}
 
+
 
+/* 联系 */
 
+.wrap .contact {
 
+  height: 32.5rem;
 
+  background: #000;
 
+  background-repeat: no-repeat;
 
+  background-size: 100% auto;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+}
 
+.contact .contact-card {
 
+  width: 21.6875rem;
 
+  height: 26.25rem;
 
+  background: #ffffff;
 
+  padding: 1.875rem;
 
+}
 
+.contact .contact-card .card-title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  width: 100%;
 
+  text-align: center;
 
+}
 
+.contact .contact-card .card-confirm {
 
+  margin: 1.25rem auto 0;
 
+  width: 7.8125rem;
 
+  height: 2.75rem;
 
+  line-height: 2.75rem;
 
+  font-size: 0.875rem;
 
+}
 
+.contact .contact-card > input {
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.3);
 
+  height: 2.5rem;
 
+  width: 100%;
 
+  padding: 0 0.625rem;
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  margin-top: 0.9375rem;
 
+}
 
+.contact .contact-card > textarea {
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.3);
 
+  height: 5.625rem;
 
+  width: 100%;
 
+  padding: 0.625rem;
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  resize: none;
 
+  margin-top: 0.9375rem;
 
+}

+ 420 - 0
css/index.css
View File 

@@ -0,0 +1,420 @@
 
+/* .wrap {
 
+  background: #f4f4f4;
 
+} */
 
+/* 轮播图 */
 
+.wrap .carousel {
 
+  width: 100%;
 
+  height: 36.25rem;
 
+  position: relative;
 
+}
 
+.carousel-item {
 
+  background: rgba(0, 0, 0, 0.1);
 
+  color: white;
 
+  width: 100%;
 
+  height: 100%;
 
+  overflow: hidden;
 
+}
 
+/* 轮播图信息 */
 
+.carousel-item .carousel-img {
 
+  width: 100%;
 
+  height: 36.25rem;
 
+}
 
+.carousel-item .carousel-info {
 
+  position: absolute;
 
+  height: 15rem;
 
+  left: 7.5rem;
 
+  top: calc(50% - 8.75rem);
 
+  z-index: 100;
 
+  font-size: 1rem;
 
+}
 
+/* .carousel-item .carousel-info {
 
+  position: absolute;
 
+  height: 15rem;
 
+  left: 7.5rem;
 
+  top: calc(50% - 8.75rem);
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: space-between;
 
+  z-index: 100;
 
+}
 
+.carousel-info > div {
 
+  font-weight: normal;
 
+  color: #ffffff;
 
+}
 
+.carousel-info .title-1 {
 
+  font-size: 1.625rem;
 
+}
 
+.carousel-info .title-2 {
 
+  font-size: 2.25rem;
 
+}
 
+.carousel-info .title-3 {
 
+  font-size: 3.125rem;
 
+} */
 
+
 
+/* 按钮控件 */
 
+.carousel-control {
 
+  position: absolute;
 
+  bottom: 4rem;
 
+  right: 7.5rem;
 
+  z-index: 100;
 
+  display: flex;
 
+  align-items: center;
 
+  user-select: none;
 
+}
 
+.carousel-control .btn {
 
+  width: 3.125rem;
 
+  height: 1.75rem;
 
+  background: #ffffff;
 
+  border-radius: 1.25rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  cursor: pointer;
 
+}
 
+.carousel-control .btn .icon {
 
+  width: 1rem;
 
+  height: 1rem;
 
+}
 
+.carousel-control .disabled {
 
+  height: 1.75rem;
 
+  width: 1.75rem;
 
+  opacity: 0.3;
 
+  cursor: default;
 
+}
 
+.carousel-control .index {
 
+  font-size: 1.25rem;
 
+  color: #ffffff;
 
+  margin: 0 0.625rem;
 
+}
 
+.carousel-control .index span {
 
+  font-size: 2rem;
 
+  font-weight: 400;
 
+}
 
+/* 滑块控件 */
 
+.carousel-scroll {
 
+  position: absolute;
 
+  bottom: 4rem;
 
+  left: 7.5rem;
 
+  display: flex;
 
+  align-items: center;
 
+  z-index: 100;
 
+}
 
+.carousel-scroll :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.carousel-scroll .scroll-item {
 
+  width: 3.75rem;
 
+  height: 0.25rem;
 
+  background: #999999;
 
+  cursor: pointer;
 
+}
 
+.carousel-scroll .current {
 
+  background: #ffffff;
 
+  cursor: default;
 
+}
 
+
 
+/* 关于 */
 
+.wrap .about {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  padding: 3.125rem 0;
 
+}
 
+.about .info {
 
+  width: 32.5rem;
 
+  height: 25rem;
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+  justify-content: space-between;
 
+}
 
+.about .info .href {
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #1d52a2;
 
+  text-decoration: none;
 
+}
 
+.about .info .title {
 
+  font-size: 2rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  line-height: 2.375rem;
 
+}
 
+.about .info .detail {
 
+  font-size: 1rem;
 
+  line-height: 1.5625rem;
 
+  font-weight: 300;
 
+  color: #444444;
 
+}
 
+.about .video {
 
+  width: 36.25rem;
 
+  height: 27.5rem;
 
+  margin-left: 1.875rem;
 
+  background-color: #000;
 
+}
 
+
 
+/* 公司 */
 
+.wrap .company {
 
+  width: 100%;
 
+  height: 32.5rem;
 
+  background: #000;
 
+  position: relative;
 
+  background-repeat: no-repeat;
 
+  background-size: 100% auto;
 
+}
 
+.company .company-tab {
 
+  width: 75rem;
 
+  height: 5rem;
 
+  /* background: rgba(255, 255, 255, 0.1); */
 
+  backdrop-filter: blur(0.25rem);
 
+  position: absolute;
 
+  bottom: 3.125rem;
 
+  left: calc(50% - 37.5rem);
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.company .company-tab .tab-item {
 
+  flex: 1;
 
+  height: 5rem;
 
+  font-size: 1.375rem;
 
+  font-weight: 500;
 
+  color: #ffffff;
 
+  line-height: 5rem;
 
+  text-align: center;
 
+  background: rgba(255, 255, 255, 0.1);
 
+  position: relative;
 
+  cursor: pointer;
 
+}
 
+.company .company-tab .tab-item .tab-item-bottom {
 
+  width: 3rem;
 
+  height: 0.125rem;
 
+  background: #fff;
 
+  position: absolute;
 
+  bottom: 0;
 
+  left: calc(50% - 1.5rem);
 
+}
 
+.company .company-tab .tab-line {
 
+  height: 5rem;
 
+  width: 0.125rem;
 
+}
 
+.company .company-tab .tab-line > div {
 
+  width: 0.125rem;
 
+  height: 3rem;
 
+}
 
+.company .company-tab .tab-line :nth-child(2n - 1) {
 
+  height: 1rem;
 
+  background: rgba(255, 255, 255, 0.1);
 
+}
 
+
 
+/* 产品 */
 
+.wrap .product {
 
+  padding: 3.125rem 0;
 
+}
 
+.product .product-title {
 
+  width: 100%;
 
+  height: 2.8125rem;
 
+  font-size: 2rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  line-height: 2.8125rem;
 
+  text-align: center;
 
+}
 
+.product .product-tips {
 
+  width: 100%;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 1.25rem;
 
+}
 
+.product .product-img {
 
+  width: 80%;
 
+  margin: 1.875rem 10% 0;
 
+}
 
+.product .product-tab {
 
+  display: flex;
 
+  align-items: center;
 
+  height: 5rem;
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+}
 
+.product .product-tab .tab-item {
 
+  height: 5rem;
 
+  width: 7.5rem;
 
+  flex: 1;
 
+  text-align: center;
 
+  line-height: 5rem;
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  border-bottom: 0.0625rem solid #979797;
 
+  cursor: pointer;
 
+}
 
+.product .product-tab .current {
 
+  border-bottom: 0.125rem solid #1d52a2;
 
+  transition: all 0.1s;
 
+}
 
+.product .product-content {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding-top: 3.125rem;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.product .product-content .content-info {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+  justify-content: space-around;
 
+  width: 30rem;
 
+  height: 25rem;
 
+  margin-right: 1.875rem;
 
+}
 
+.product .product-content .content-info .info-title {
 
+  font-size: 1.625rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.product .product-content .content-info .info-detail {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #555555;
 
+}
 
+.product .product-content .content-img {
 
+  width: 58.125rem;
 
+  height: 32.37rem;
 
+}
 
+
 
+/* 新闻 */
 
+.wrap .news {
 
+  padding: 3.125rem 0;
 
+  background: #f4f4f4;
 
+}
 
+.news .news-title {
 
+  width: 100%;
 
+  height: 2.8125rem;
 
+  font-size: 2rem;
 
+  font-weight: 600;
 
+  color: #222222;
 
+  line-height: 2.8125rem;
 
+  text-align: center;
 
+}
 
+.news .news-tips {
 
+  width: 100%;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #666666;
 
+  text-align: center;
 
+  margin-top: 1.25rem;
 
+}
 
+.news .news-content {
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  padding-top: 3.125rem;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.news .news-content > :not(:last-child) {
 
+  margin-right: 3.75rem;
 
+}
 
+.news .news-content .news-item {
 
+  width: 27.5rem;
 
+  background: #fff;
 
+  padding: 1.875rem;
 
+}
 
+.news .news-content .news-item .item-cover {
 
+  width: 27.5rem;
 
+  height: 18.3125rem;
 
+  background: #000;
 
+  transform: translate(-1.875rem, -1.875rem);
 
+}
 
+.news .news-content .news-item .item-time {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+  height: 1rem;
 
+}
 
+.news .news-content .news-item .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  height: 2.75rem;
 
+  margin-top: 1.25rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 2;
 
+}
 
+.news .news-content .news-item .item-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  height: 4.375rem;
 
+  margin-top: 1.25rem;
 
+  margin-bottom: 1.875rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+}
 
+.news .news-content .news-item .item-view-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #888888;
 
+  text-decoration: none;
 
+}
 
+.news .news-more {
 
+  margin: 3.125rem auto 0;
 
+}
 
+
 
+/* 联系 */
 
+.wrap .contact {
 
+  height: 37.5rem;
 
+  background: #000;
 
+  position: relative;
 
+  background-repeat: no-repeat;
 
+  background-size: 100% auto;
 
+}
 
+.contact .contact-card {
 
+  width: 26.875rem;
 
+  height: 28.75rem;
 
+  background: #ffffff;
 
+  border-radius: 0.5rem;
 
+  position: absolute;
 
+  top: 4.375rem;
 
+  /* right: 15rem; */
 
+  right: 18.75rem;
 
+  padding: 1.875rem 2.5rem;
 
+}
 
+.contact .contact-card .card-title {
 
+  font-size: 1.375rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  width: 100%;
 
+  text-align: center;
 
+}
 
+.contact .contact-card .card-confirm {
 
+  margin: 1.25rem auto 0;
 
+  cursor: pointer;
 
+}
 
+.contact .contact-card > input {
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.3);
 
+  height: 2.5rem;
 
+  width: 100%;
 
+  padding: 0 0.625rem;
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  margin-top: 1.25rem;
 
+}
 
+.contact .contact-card > textarea {
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.3);
 
+  height: 5.625rem;
 
+  width: 100%;
 
+  padding: 0.625rem;
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  resize: none;
 
+  margin-top: 1.25rem;
 
+}

+ 271 - 0
css/join-mobile.css
View File 

@@ -0,0 +1,271 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+.wrap .list {
 
+  padding: 0.9375rem;
 
+  background: #ffffff;
 
+}
 
+
 
+/* 搜索 */
 
+.wrap .search {
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.search .search-ipt {
 
+  width: 15.3125rem;
 
+  height: 2.25rem;
 
+  background: #f4f4f4;
 
+  padding: 0 0.625rem;
 
+  font-size: 0.75rem;
 
+}
 
+.search .search-btn {
 
+  height: 2.25rem;
 
+  width: 6.25rem;
 
+  background: #c0c0c0;
 
+  text-align: center;
 
+  line-height: 2.25rem;
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+}
 
+
 
+/* 表格 */
 
+.wrap .table {
 
+  margin-top: 1.25rem;
 
+}
 
+.table .row {
 
+  height: 2.375rem;
 
+  padding: 0 0.625rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+}
 
+.table .td {
 
+  height: 2.375rem;
 
+  line-height: 2.375rem;
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+.table .thead {
 
+  background: #f4f4f4;
 
+}
 
+.table .thead .td {
 
+  font-weight: 500;
 
+}
 
+.table .tbody .tr {
 
+  width: 100%;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  height: 2.375rem;
 
+}
 
+.table .name {
 
+  width: 13.75rem;
 
+  margin-right: 0.625rem;
 
+  white-space: nowrap;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+}
 
+.table .time {
 
+  width: 7.5rem;
 
+}
 
+.table .icon {
 
+  font-size: 1.25rem;
 
+  line-height: 2rem;
 
+}
 
+
 
+/* 分页 */
 
+.wrap .pagination {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-top: 1.25rem;
 
+}
 
+.pagination :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.pagination .pagination-item {
 
+  width: 1.875rem;
 
+  height: 1.875rem;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  text-align: center;
 
+  line-height: 1.875rem;
 
+  user-select: none;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+.pagination :first-child,
 
+.pagination :last-child {
 
+  font-size: 1.5rem;
 
+  line-height: 1.5rem;
 
+}
 
+.pagination .current {
 
+  background: #1d52a2;
 
+  color: #ffffff;
 
+}
 
+
 
+.wrap .detail {
 
+  width: 100vw;
 
+  height: 100vh;
 
+  position: fixed;
 
+  left: 0;
 
+  right: 0;
 
+  top: 0;
 
+  bottom: 0;
 
+  background: #f4f4f4;
 
+  z-index: 2000;
 
+  padding-top: 2.75rem;
 
+  padding-bottom: 5.1875rem;
 
+  overflow-y: auto;
 
+}
 
+.wrap .detail::-webkit-scrollbar {
 
+  width: 0;
 
+}
 
+
 
+.detail .card {
 
+  width: calc(100% - 1.875rem);
 
+  margin: 0.9375rem auto;
 
+  padding: 0.9375rem;
 
+  background: #fff;
 
+}
 
+
 
+.detail .detail-header {
 
+  height: 2.75rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  padding: 0 0.9375rem;
 
+  background: #fff;
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 2001;
 
+}
 
+.detail .detail-header .back {
 
+  font-size: 2rem;
 
+  line-height: 2.5rem;
 
+}
 
+.detail .detail-header .title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+
 
+.detail-footer {
 
+  position: fixed;
 
+  bottom: 0;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 2001;
 
+  height: 5.1875rem;
 
+  padding: 0 0.9375rem;
 
+  background: #fff;
 
+}
 
+.detail-footer .confirm {
 
+  width: 100%;
 
+  height: 2.5rem;
 
+  border-radius: 0.25rem;
 
+  line-height: 2.5rem;
 
+  font-size: 1rem;
 
+  margin-top: 0.9375rem;
 
+}
 
+
 
+.detail .job .line {
 
+  height: 0.0625rem;
 
+  width: 100%;
 
+  background-color: rgba(151, 151, 151, 0.2);
 
+  transform: translate(0, 0.9375rem);
 
+}
 
+.detail .job .name {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.detail .job .time {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: rgba(34, 34, 34, 0.8);
 
+  margin-top: 0.625rem;
 
+}
 
+.detail .job .type_place {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  margin-top: 0.625rem;
 
+}
 
+
 
+.detail .info {
 
+  font-size: 0.8125rem;
 
+}
 
+
 
+.detail .type-place {
 
+  padding: 0.625rem 0.9375rem;
 
+}
 
+.detail .type-place > :first-child {
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.1);
 
+}
 
+.detail .type-place .item {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 2.5rem;
 
+}
 
+.detail .type-place .item .label {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #555555;
 
+}
 
+.detail .type-place .item .value {
 
+  font-size: 0.8125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+
 
+.detail .form {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+  margin-top: -0.9375rem;
 
+  padding-top: 0;
 
+}
 
+.form .label {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-top: 0.625rem;
 
+}
 
+.form input.text {
 
+  height: 2.5rem;
 
+  width: 100%;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.4);
 
+  padding: 0 0.625rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  margin-top: 0.625rem;
 
+}
 
+.form input.text::placeholder {
 
+  color: #999999;
 
+}
 
+.form .upload {
 
+  min-width: 7.5rem;
 
+  max-width: 100%;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap;
 
+  height: 2.5rem;
 
+  padding: 0 1.25rem;
 
+  background: rgba(216, 216, 216, 0.4);
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #333333;
 
+  text-align: center;
 
+  line-height: 2.5rem;
 
+  margin-top: 0.625rem;
 
+}
 
+.form .tips {
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-top: 0.625rem;
 
+}

+ 235 - 0
css/join.css
View File 

@@ -0,0 +1,235 @@
 
+.wrap {
 
+  background: #f4f4f4;
 
+}
 
+.wrap .card {
 
+  width: 90rem;
 
+  margin: 2.5rem auto 5rem;
 
+  padding: 3.125rem;
 
+  background: #ffffff;
 
+}
 
+
 
+/* 面包屑 */
 
+.wrap .crumb {
 
+  width: 90rem;
 
+  margin: 2.5rem auto 0;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  user-select: none;
 
+}
 
+.wrap .crumb :first-child {
 
+  color: #1d52a2;
 
+  text-decoration: none;
 
+  cursor: pointer;
 
+}
 
+
 
+/* 搜索 */
 
+.wrap .title-search {
 
+  height: 3.125rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.title-search .title {
 
+  font-size: 1.625rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.title-search .search {
 
+  width: 46.25rem;
 
+  display: flex;
 
+  align-items: center;
 
+}
 
+.title-search .search .search-ipt {
 
+  width: 36.875rem;
 
+  height: 3.125rem;
 
+  background: #f4f4f4;
 
+  padding: 0 1.25rem;
 
+  font-size: 1rem;
 
+}
 
+.title-search .search .search-btn {
 
+  height: 3.125rem;
 
+  width: 9.375rem;
 
+  background: #c0c0c0;
 
+  text-align: center;
 
+  line-height: 3.125rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #ffffff;
 
+  cursor: pointer;
 
+}
 
+
 
+/* 表格 */
 
+.wrap .table {
 
+  margin-top: 2.5rem;
 
+}
 
+.table .row {
 
+  height: 3.875rem;
 
+  padding: 0 1.75rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: flex-start;
 
+}
 
+.table .td {
 
+  height: 3.875rem;
 
+  line-height: 3.875rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+.table .thead {
 
+  background: #f4f4f4;
 
+}
 
+.table .thead .td {
 
+  font-weight: 500;
 
+}
 
+.table .tbody .tr {
 
+  width: 100%;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  overflow: hidden;
 
+  height: 3.875rem;
 
+}
 
+.table .tbody .current {
 
+  height: auto;
 
+  transition: all 0.25s;
 
+}
 
+.table .tbody .current .row {
 
+  background: #1d52a2;
 
+}
 
+.table .tbody .current .row .td {
 
+  color: #ffffff;
 
+}
 
+.table .tbody .current .row .icon {
 
+  transform: rotate(90deg);
 
+}
 
+.table .tbody .current .detail {
 
+  padding: 1.75rem;
 
+}
 
+.table .tbody .current .detail .title {
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.table .tbody .current .detail .value {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #555555;
 
+}
 
+.table .tbody .current .detail .apply {
 
+  width: 12rem;
 
+}
 
+.table .name {
 
+  width: 30rem;
 
+}
 
+.table .type {
 
+  width: 16rem;
 
+}
 
+.table .place {
 
+  width: 16rem;
 
+}
 
+.table .time {
 
+  width: 16rem;
 
+}
 
+.table .icon {
 
+  font-size: 2rem;
 
+}
 
+
 
+/* 分页 */
 
+.wrap .pagination {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-top: 2.5rem;
 
+}
 
+.pagination :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.pagination .pagination-item {
 
+  width: 2.5rem;
 
+  height: 2.5rem;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  text-align: center;
 
+  line-height: 2.5rem;
 
+  user-select: none;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  cursor: pointer;
 
+}
 
+.pagination :first-child,
 
+.pagination :last-child {
 
+  font-size: 1.5rem;
 
+}
 
+.pagination .current {
 
+  background: #1d52a2;
 
+  color: #ffffff;
 
+}
 
+
 
+/* 职位信息 */
 
+.wrap .info {
 
+  height: 7.5rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+}
 
+.info .title {
 
+  font-size: 1.375rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.info .time {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: rgba(34, 34, 34, 0.8);
 
+  margin-top: 1.25rem;
 
+}
 
+
 
+/* 表单 */
 
+.wrap .form {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: flex-start;
 
+}
 
+.form .label {
 
+  font-size: 1.125rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+}
 
+.form input.text {
 
+  height: 3.125rem;
 
+  width: 40rem;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.4);
 
+  padding: 0 1.25rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  margin-top: 1.25rem;
 
+}
 
+.form input.text::placeholder {
 
+  color: #999999;
 
+}
 
+.form .upload {
 
+  margin-top: 1.25rem;
 
+  width: 16.375rem;
 
+  height: 3.125rem;
 
+  background: rgba(216, 216, 216, 0.4);
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #333333;
 
+  text-align: center;
 
+  line-height: 3.125rem;
 
+  cursor: pointer;
 
+}
 
+.form .tips {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+}
 
+.form .submit {
 
+  margin-top: 2.5rem;
 
+}
 
+.form .disabled {
 
+  background: #c0c0c0;
 
+  cursor: no-drop;
 
+}

+ 85 - 0
css/news-detail-mobile.css
View File 

@@ -0,0 +1,85 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+
 
+.wrap .title {
 
+  width: 100%;
 
+  margin-top: 1.25rem;
 
+  padding: 0 0.9375rem;
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.wrap .time {
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  width: calc(100% - 1.875rem);
 
+  margin: 0 auto;
 
+  padding: 0.9375rem;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+}
 
+.wrap .card {
 
+  width: 100%;
 
+  padding: 1.25rem 0.9375rem;
 
+  background: #fff;
 
+  margin: 0 auto 1.875rem;
 
+}
 
+
 
+.card .content {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-bottom: 1.875rem;
 
+}
 
+
 
+.card .download {
 
+  height: 2.75rem;
 
+  padding: 0 0.5rem;
 
+  margin: 0 0 1.875rem;
 
+  background: #f4f4f4;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.card .download .name {
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.card .download .btn {
 
+  width: 4rem;
 
+  height: 1.75rem;
 
+  background: #1d52a2;
 
+  border-radius: 0.25rem;
 
+  line-height: 1.75rem;
 
+  font-size: 0.75rem;
 
+}
 
+
 
+.card .next {
 
+  margin-top: 1.25rem;
 
+}
 
+.card .next .label {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  margin-bottom: 0.625rem;
 
+}
 
+.card .next .link {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  text-decoration: none;
 
+}
 
+.card .back {
 
+  font-weight: 400;
 
+  font-size: 0.9375rem;
 
+  color: #1d52a2;
 
+  cursor: pointer;
 
+  margin-top: 1.25rem;
 
+}
 
+.card .back span {
 
+  font-size: 1.125rem;
 
+}

+ 81 - 0
css/news-detail.css
View File 

@@ -0,0 +1,81 @@
 
+.wrap {
 
+  padding-top: 5.25rem;
 
+  background-color: #f4f4f4;
 
+}
 
+
 
+.wrap .title {
 
+  width: 90rem;
 
+  padding: 0 10rem;
 
+  margin: 3.125rem auto 0;
 
+  font-size: 2.25rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-align: center;
 
+}
 
+.wrap .time {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  margin: 3.125rem auto 1.875rem;
 
+}
 
+.wrap .card {
 
+  width: 90rem;
 
+  padding: 3rem 10rem 1rem;
 
+  background: #fff;
 
+  margin: 0 auto 1.875rem;
 
+}
 
+
 
+.card .content {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  margin-bottom: 3.125rem;
 
+}
 
+
 
+.card .download {
 
+  height: 4.375rem;
 
+  padding: 0 0.8125rem;
 
+  margin: 0 0 3.125rem;
 
+  background: #f4f4f4;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+}
 
+.card .download .name {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+}
 
+.card .download .btn {
 
+  width: 6.75rem;
 
+  height: 2.75rem;
 
+  line-height: 2.75rem;
 
+  font-size: 0.875rem;
 
+}
 
+
 
+.card .next {
 
+  margin-top: 1.25rem;
 
+}
 
+.card .next .label {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  margin-bottom: 0.9375rem;
 
+}
 
+.card .next .link {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  text-decoration: none;
 
+}
 
+.card .back {
 
+  font-weight: 400;
 
+  font-size: 1rem;
 
+  color: #1d52a2;
 
+  cursor: pointer;
 
+  margin-top: 1.25rem;
 
+}
 
+.card .back span {
 
+  font-size: 1.125rem;
 
+}

+ 87 - 0
css/news-mobile.css
View File 

@@ -0,0 +1,87 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+  background: #f5f5f5;
 
+}
 
+
 
+.wrap .list {
 
+  padding: 0.9375rem;
 
+}
 
+.list .list-item {
 
+  width: 100%;
 
+  background: #fff;
 
+  margin-bottom: 1.25rem;
 
+}
 
+.list .list-item .item-cover {
 
+  width: 100%;
 
+  height: 13.75rem;
 
+  background: #000;
 
+}
 
+.list .list-item .item-bottom {
 
+  background: #fff;
 
+  padding: 0.9375rem;
 
+}
 
+.list .list-item .item-bottom .item-time {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+}
 
+.list .list-item .item-bottom .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  margin-top: 1.25rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 2;
 
+}
 
+.list .list-item .item-bottom .item-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  margin-top: 1.25rem;
 
+  margin-bottom: 1.875rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+}
 
+.list .list-item .item-bottom .item-view-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #888888;
 
+  text-decoration: none;
 
+}
 
+
 
+.wrap .pagination {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-bottom: 2.5rem;
 
+}
 
+.pagination :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.pagination .pagination-item {
 
+  width: 1.875rem;
 
+  height: 1.875rem;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  text-align: center;
 
+  line-height: 1.875rem;
 
+  user-select: none;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  cursor: pointer;
 
+}
 
+.pagination :first-child,
 
+.pagination :last-child {
 
+  font-size: 1.25rem;
 
+  line-height: 1.5rem;
 
+}
 
+.pagination .current {
 
+  background: #1d52a2;
 
+  color: #ffffff;
 
+}

+ 93 - 0
css/news.css
View File 

@@ -0,0 +1,93 @@
 
+/* .wrap {
 
+} */
 
+
 
+.wrap .list {
 
+  padding: 3.75rem 0 0;
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+}
 
+.wrap .list > :not(:nth-child(3n)) {
 
+  margin-right: 1.875rem;
 
+}
 
+.list .list-item {
 
+  width: 27.5rem;
 
+  background: #f4f4f4;
 
+  padding: 1.875rem;
 
+  margin-bottom: 1.875rem;
 
+}
 
+.list .list-item .item-cover {
 
+  width: 27.5rem;
 
+  height: 18.3125rem;
 
+  background: #000;
 
+  transform: translate(-1.875rem, -1.875rem);
 
+}
 
+.list .list-item .item-time {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+  height: 1rem;
 
+}
 
+.list .list-item .item-title {
 
+  font-size: 1rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  height: 2.75rem;
 
+  margin-top: 1.25rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 2;
 
+}
 
+.list .list-item .item-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #444444;
 
+  height: 4.375rem;
 
+  margin-top: 1.25rem;
 
+  margin-bottom: 1.875rem;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+}
 
+.list .list-item .item-view-detail {
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #888888;
 
+  text-decoration: none;
 
+}
 
+
 
+.wrap .pagination {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  margin-bottom: 2.5rem;
 
+}
 
+.pagination :not(:last-child) {
 
+  margin-right: 0.625rem;
 
+}
 
+.pagination .pagination-item {
 
+  width: 2.5rem;
 
+  height: 2.5rem;
 
+  border: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  text-align: center;
 
+  line-height: 2.5rem;
 
+  user-select: none;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  cursor: pointer;
 
+}
 
+.pagination :first-child,
 
+.pagination :last-child {
 
+  font-size: 1.5rem;
 
+}
 
+.pagination .current {
 
+  background: #1d52a2;
 
+  color: #ffffff;
 
+}

+ 101 - 0
css/product-detail-mobile.css
View File 

@@ -0,0 +1,101 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+
 
+.wrap .product {
 
+  width: 100%;
 
+  padding: 0.9375rem;
 
+}
 
+.product .product-name {
 
+  font-size: 1.375rem;
 
+  font-weight: 500;
 
+  color: #1d52a2;
 
+}
 
+.product .product-desc {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  margin-top: 0.625rem;
 
+}
 
+.product .product-image {
 
+  width: 100%;
 
+  /* height: 15.625rem; */
 
+  background-color: #000;
 
+  margin-top: 0.625rem;
 
+}
 
+
 
+.wrap .title {
 
+  width: calc(100% - 1.875rem);
 
+  margin: 0 auto;
 
+  text-align: center;
 
+  padding: 0.9375rem;
 
+  border-top: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  font-size: 1.125rem;
 
+  font-weight: 500;
 
+  color: #333333;
 
+}
 
+.wrap .content {
 
+  width: 100%;
 
+  padding: 0.9375rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+
 
+.wrap .feature {
 
+  display: flex;
 
+  flex-direction: column;
 
+  align-items: center;
 
+  padding: 0.9375rem;
 
+}
 
+.feature .feature-item {
 
+  width: 100%;
 
+  background: #f4f4f4;
 
+  border-radius: 0.625rem;
 
+  padding: 1.25rem;
 
+  box-sizing: border-box;
 
+  margin-bottom: 1.875rem;
 
+}
 
+.feature .feature-item .feature-title {
 
+  font-weight: 500;
 
+  font-size: 1rem;
 
+  color: #000000;
 
+}
 
+.feature .feature-item .feature-content {
 
+  font-weight: 400;
 
+  font-size: 1rem;
 
+  color: #333333;
 
+  margin-top: 0.625rem;
 
+}
 
+
 
+.wrap .sku {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-direction: column;
 
+  padding: 0.9375rem;
 
+}
 
+.sku .sku-item {
 
+  width: 100%;
 
+  display: flex;
 
+  align-items: flex-start;
 
+  margin-bottom: 1.25rem;
 
+}
 
+.sku .sku-item .sku-content {
 
+  width: calc(100% - 1.75rem);
 
+  /* overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  white-space: nowrap; */
 
+  line-height: 1.25rem;
 
+  font-weight: 400;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding-right: 0.625rem;
 
+}
 
+.sku .sku-item .sku-mark {
 
+  width: 0.5rem;
 
+  height: 0.5rem;
 
+  background: #777777;
 
+  margin-right: 1.25rem;
 
+  border-radius: 50%;
 
+  margin: 0.375rem;
 
+}

+ 110 - 0
css/product-detail.css
View File 

@@ -0,0 +1,110 @@
 
+.wrap {
 
+  padding-top: 5.25rem;
 
+}
 
+
 
+.wrap .product {
 
+  height: 25rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  width: 80rem;
 
+  margin: 3.125rem auto;
 
+}
 
+.product .product-info {
 
+  height: 18.75rem;
 
+  width: 45rem;
 
+}
 
+.product .product-info .info-name {
 
+  font-size: 2rem;
 
+  font-weight: 500;
 
+  color: #1d52a2;
 
+}
 
+.product .product-info .info-desc {
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #333333;
 
+  margin-top: 3.125rem;
 
+}
 
+.product .product-image {
 
+  width: 31.25rem;
 
+  /* height: 25rem; */
 
+  background-color: #000;
 
+}
 
+
 
+.wrap .title {
 
+  width: 80rem;
 
+  margin: 0 auto;
 
+  text-align: center;
 
+  padding: 3.125rem 0 1.875rem;
 
+  border-top: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  font-size: 2rem;
 
+  font-weight: 500;
 
+  color: #333333;
 
+}
 
+.wrap .content {
 
+  width: 80rem;
 
+  margin: 0 auto 6.25rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+}
 
+
 
+.wrap .feature {
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+}
 
+.feature .feature-item {
 
+  width: calc((100% - 3.75rem) / 3);
 
+  aspect-ratio: 19 / 10;
 
+  background: #f4f4f4;
 
+  border-radius: 0.625rem;
 
+  padding: 1.875rem;
 
+  box-sizing: border-box;
 
+  margin-top: 1.875rem;
 
+}
 
+.feature .feature-item .feature-title {
 
+  font-weight: 500;
 
+  font-size: 1.5rem;
 
+  color: #000000;
 
+}
 
+.feature .feature-item .feature-content {
 
+  font-weight: 400;
 
+  font-size: 0.875rem;
 
+  color: #333333;
 
+  margin-top: 1.25rem;
 
+}
 
+.feature :not(:nth-child(3n)) {
 
+  margin-right: 1.875rem;
 
+}
 
+
 
+.wrap .sku {
 
+  display: flex;
 
+  align-items: flex-start;
 
+  flex-wrap: wrap;
 
+}
 
+.sku .sku-item {
 
+  width: calc(100% / 3);
 
+  display: flex;
 
+  align-items: flex-start;
 
+  margin-top: 1.25rem;
 
+}
 
+.sku .sku-item .sku-content {
 
+  width: calc(100% - 1.75rem);
 
+  /* overflow: hidden;
 
+  text-overflow: ellipsis;  
+  white-space: nowrap; */
 
+  line-height: 1.25rem;
 
+  font-weight: 400;
 
+  font-size: 1rem;
 
+  color: #222222;
 
+  padding-right: 0.625rem;
 
+}
 
+.sku .sku-item .sku-mark {
 
+  width: 0.5rem;
 
+  height: 0.5rem;
 
+  margin: 0.375rem;
 
+  background: #777777;
 
+  margin-right: 1.25rem;
 
+  border-radius: 50%;
 
+}

+ 78 - 0
css/product-mobile.css
View File 

@@ -0,0 +1,78 @@
 
+.wrap {
 
+  padding-top: 2.75rem;
 
+}
 
+.wrap .tab {
 
+  height: 2.5rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border-bottom: 1px solid rgba(151, 151, 151, 0.2);
 
+  position: relative;
 
+}
 
+.tab .tab-item {
 
+  height: 3.125rem;
 
+  width: 6.25rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  line-height: 3.125rem;
 
+}
 
+.tab .current-tab {
 
+  position: absolute;
 
+  bottom: 0;
 
+  width: 3rem;
 
+  height: 0.125rem;
 
+  background-color: #1d52a2;
 
+  transition: all 0.25s;
 
+}
 
+
 
+.wrap .content {
 
+  padding: 0.9375rem;
 
+  width: 100%;
 
+  margin: 0 auto;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+}
 
+.wrap .content > :not(:nth-child(2n)) {
 
+  margin-right: 0.9375rem;
 
+}
 
+.content .content-item {
 
+  width: calc((100% - 1.25rem) / 2);
 
+  height: 9.75rem;
 
+  background: #f4f4f4;
 
+  border: 1px solid #bfbfbf;
 
+  padding: 0.9375rem;
 
+  margin-bottom: 0.9375rem;
 
+  position: relative;
 
+}
 
+.content .content-item .title {
 
+  height: 1rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+}
 
+.content .content-item .detail {
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 4;
 
+  margin: 0.9375rem 0 0.625rem;
 
+}
 
+.content .content-item .more {
 
+  font-size: 0.75rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+  text-decoration: none;
 
+  position: absolute;
 
+  bottom: 0.9375rem;
 
+  left: 0.9375rem;
 
+}

+ 75 - 0
css/product.css
View File 

@@ -0,0 +1,75 @@
 
+/* .wrap {
 
+} */
 
+.wrap .tab {
 
+  height: 5rem;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  border-bottom: 0.0625rem solid rgba(151, 151, 151, 0.2);
 
+  position: relative;
 
+}
 
+.tab .tab-item {
 
+  height: 5rem;
 
+  width: 15rem;
 
+  font-size: 1rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  text-align: center;
 
+  line-height: 5rem;
 
+  cursor: pointer;
 
+}
 
+.tab .current-tab {
 
+  position: absolute;
 
+  bottom: 0;
 
+  width: 3.5rem;
 
+  height: 0.125rem;
 
+  background-color: #1d52a2;
 
+  transition: all 0.25s;
 
+}
 
+
 
+.wrap .content {
 
+  padding: 3.75rem 0;
 
+  width: 90rem;
 
+  margin: 0 auto;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+}
 
+.wrap .content > :not(:nth-child(3n)) {
 
+  margin-right: 1.875rem;
 
+}
 
+.content .content-item {
 
+  width: 28.75rem;
 
+  height: 15.125rem;
 
+  background: #f4f4f4;
 
+  border: 0.0625rem solid #bfbfbf;
 
+  padding: 1.875rem;
 
+  margin-bottom: 1.875rem;
 
+}
 
+.content .content-item .title {
 
+  height: 1.875rem;
 
+  font-size: 1.375rem;
 
+  font-weight: 500;
 
+  color: #222222;
 
+  text-overflow: ellipsis;
 
+  overflow: hidden;
 
+  white-space: nowrap;
 
+}
 
+.content .content-item .detail {
 
+  height: 5rem;
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #222222;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 3;
 
+  margin: 1.25rem 0;
 
+}
 
+.content .content-item .more {
 
+  font-size: 0.875rem;
 
+  font-weight: 400;
 
+  color: #1d52a2;
 
+  text-decoration: none;
 
+}

BIN
favicon.ico
View File


+ 264 - 0
index-mobile.html
View File 

@@ -0,0 +1,264 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta
 
+      name="viewport"
 
+      content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
 
+    />
 
+    <title>首页</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/index-mobile.css" />
 
+    <link rel="stylesheet" href="./css/common/swiper-bundle.min.css" />
 
+    <script src="./js/lib/swiper-bundle.min.js"></script>
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="swiper carousel">
 
+          <div class="swiper-wrapper">
 
+            <div class="swiper-slide" v-for="item in carousel_list">
 
+              <div class="carousel-item">
 
+                <img
 
+                  class="carousel-img"
 
+                  :src="item.image
 
+                "
 
+                />
 
+                <div
 
+                  class="carousel-info"
 
+                  v-html="item[lan_key('title')]"
 
+                ></div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="carousel-scroll">
 
+            <div
 
+              class="scroll-item"
 
+              v-for="(_ , index) in carousel_list"
 
+              :class="{current:index == swiper.activeIndex}"
 
+              @click="swiper.slideTo(index)"
 
+            ></div>
 
+          </div>
 
+          <div class="carousel-info">
 
+            <div class="title-1">紧凑级高性价比</div>
 
+            <div class="title-2">全场景物联网终端芯片</div>
 
+            <div class="title-3">解决方案</div>
 
+          </div>
 
+        </div>
 
+        <div class="about">
 
+          <div class="info">
 
+            <a class="href" href="/about-mobile.html"
 
+              >{{text('关于蓝芯算力')}}</a
 
+            >
 
+            <div class="title">{{config[lan_key('web_about')]}}</div>
 
+            <div class="detail">{{config[lan_key('web_about_content')]}}</div>
 
+            <a class="more a-btn" href="/about-mobile.html"
 
+              >{{text('探索更多')}}</a
 
+            >
 
+          </div>
 
+          <video controls muted loop class="video">
 
+            <source :src="baseURL + config.web_about_video" />
 
+          </video>
 
+        </div>
 
+        <div
 
+          class="company"
 
+          :style="{backgroundImage:`url(${baseURL}${company_list[company_tab]})`}"
 
+        >
 
+          <div class="company-tab">
 
+            <div class="tab-item" @click="company_tab = 0">
 
+              {{text('公司使命')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 0"></div>
 
+            </div>
 
+            <div class="tab-line">
 
+              <div></div>
 
+              <div></div>
 
+              <div></div>
 
+            </div>
 
+            <div class="tab-item" @click="company_tab = 1">
 
+              {{text('公司愿景')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 1"></div>
 
+            </div>
 
+            <div class="tab-line">
 
+              <div></div>
 
+              <div></div>
 
+              <div></div>
 
+            </div>
 
+            <div class="tab-item" @click="company_tab = 2">
 
+              {{text('未来设想')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 2"></div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="product">
 
+          <div class="product-title">{{text('产品中心')}}</div>
 
+          <div class="product-tips">
 
+            {{config[lan_key('web_product_text')]}}
 
+          </div>
 
+          <img class="product-img" :src="baseURL + product_img" />
 
+          <!-- <div class="product-tab">
 
+            <div
 
+              class="tab-box"
 
+              :style="{ width:7.5 * product_tab_list.length  + 'rem' }"
 
+            >
 
+              <div
 
+                class="tab-item"
 
+                v-for="item in product_tab_list"
 
+                :class="{current:item == product_tab}"
 
+                @click="product_tab = item"
 
+              >
 
+                {{item[lan_key('name')]}}
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+          <!-- <div class="product-content">
 
+            <div class="content-info">
 
+              <div class="info-title">{{product_tab[lan_key('name')]}}</div>
 
+              <div class="info-detail">
 
+                {{product_tab[lan_key('description')]}}
 
+              </div>
 
+              <a class="info-more a-btn" href="/product-mobile.html"
 
+                >{{text('了解更多')}}</a
 
+              >
 
+            </div>
 
+            <img class="content-img" :src="product_tab.image" alt="" />
 
+          </div> -->
 
+        </div>
 
+        <div class="news">
 
+          <div class="news-title">{{text('新闻资讯')}}</div>
 
+          <div class="news-tips">{{config[lan_key('web_news_text')]}}</div>
 
+          <div class="news-content">
 
+            <div class="news-item" v-for="item in new_list.slice( 0 , 3 )">
 
+              <img class="item-cover" :src="item.image" alt="" />
 
+              <div class="item-bottom">
 
+                <div class="item-time">{{item.time}}</div>
 
+                <div class="item-title">{{item[lan_key('name')]}}</div>
 
+                <div class="item-detail">{{item[lan_key('description')]}}</div>
 
+                <a
 
+                  class="item-view-detail"
 
+                  :href="'/news-detail-mobile.html?id=' + item.id"
 
+                  >{{text('阅读详情')}}</a
 
+                >
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <a class="a-btn news-more" href="/news-mobile.html"
 
+            >{{text('查看更多')}}</a
 
+          >
 
+        </div>
 
+        <div
 
+          class="contact"
 
+          :style="{backgroundImage:`url(${baseURL}${config.web_contact_image})`}"
 
+        >
 
+          <div class="contact-card">
 
+            <div class="card-title">{{text('在线留言')}}</div>
 
+            <input
 
+              type="text"
 
+              v-model="params.realname"
 
+              :placeholder="text('请输入您的称呼')"
 
+            />
 
+            <input
 
+              type="text"
 
+              v-model="params.tel"
 
+              :placeholder="text('请输入您的手机号')"
 
+            />
 
+            <input
 
+              type="text"
 
+              v-model="params.email"
 
+              :placeholder="text('请输入您的邮箱地址')"
 
+            />
 
+            <textarea
 
+              v-model="params.content"
 
+              :placeholder="text('请输入您的需求内容')"
 
+            ></textarea>
 
+            <div class="a-btn card-confirm" @click="submit">
 
+              {{text('提交')}}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/index-mobile.js"></script>
 
+  </body>
 
+</html>

+ 279 - 0
index.html
View File 

@@ -0,0 +1,279 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>首页</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/index.css" />
 
+    <link rel="stylesheet" href="./css/common/swiper-bundle.min.css" />
 
+    <script src="./js/lib/swiper-bundle.min.js"></script>
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="swiper carousel">
 
+          <div class="swiper-wrapper">
 
+            <div class="swiper-slide" v-for="item in carousel_list">
 
+              <div class="carousel-item">
 
+                <img
 
+                  class="carousel-img"
 
+                  :src="item.image
 
+                "
 
+                />
 
+                <div class="carousel-info" v-html="item[lan_key('title')]">
 
+                  <!-- <div class="title-1">紧凑级高性价比</div>
 
+                  <div class="title-2">全场景物联网终端芯片</div>
 
+                  <div class="title-3">解决方案</div> -->
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="carousel-control">
 
+            <div
 
+              class="btn"
 
+              :class="{disabled : !swiper.activeIndex}"
 
+              @click="swiper.slidePrev()"
 
+            >
 
+              <img class="icon" src="./static/toleft.png" alt="" />
 
+            </div>
 
+            <div class="index">
 
+              <span>{{swiper.activeIndex + 1}}</span> / {{carousel_list.length}}
 
+            </div>
 
+            <div
 
+              class="btn"
 
+              :class="{disabled : carousel_list.length - 1 == swiper.activeIndex }"
 
+              @click="swiper.slideNext()"
 
+            >
 
+              <img class="icon" src="./static/toright.png" alt="" />
 
+            </div>
 
+          </div>
 
+          <div class="carousel-scroll">
 
+            <div
 
+              class="scroll-item"
 
+              v-for="(_ , index) in carousel_list"
 
+              :class="{current:index == swiper.activeIndex}"
 
+              @click="swiper.slideTo(index)"
 
+            ></div>
 
+          </div>
 
+          <div class="carousel-info">
 
+            <div class="title-1">紧凑级高性价比</div>
 
+            <div class="title-2">全场景物联网终端芯片</div>
 
+            <div class="title-3">解决方案</div>
 
+          </div>
 
+        </div>
 
+        <div class="about">
 
+          <div class="info">
 
+            <a class="href" href="/about.html">{{text('关于蓝芯算力')}}</a>
 
+            <div class="title">{{config[lan_key('web_about')]}}</div>
 
+            <div class="detail">{{config[lan_key('web_about_content')]}}</div>
 
+            <a class="more a-btn" href="/about.html">{{text('探索更多')}}</a>
 
+          </div>
 
+          <video controls muted loop class="video">
 
+            <source
 
+              v-if="config.web_about_video"
 
+              :src="baseURL + config.web_about_video"
 
+            />
 
+          </video>
 
+        </div>
 
+        <div
 
+          class="company"
 
+          :style="{backgroundImage:`url(${baseURL}${company_list[company_tab]})`}"
 
+        >
 
+          <div class="company-tab">
 
+            <div class="tab-item" @click="company_tab = 0">
 
+              {{text('公司使命')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 0"></div>
 
+            </div>
 
+            <div class="tab-line">
 
+              <div></div>
 
+              <div></div>
 
+              <div></div>
 
+            </div>
 
+            <div class="tab-item" @click="company_tab = 1">
 
+              {{text('公司愿景')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 1"></div>
 
+            </div>
 
+            <div class="tab-line">
 
+              <div></div>
 
+              <div></div>
 
+              <div></div>
 
+            </div>
 
+            <div class="tab-item" @click="company_tab = 2">
 
+              {{text('未来设想')}}
 
+              <div class="tab-item-bottom" v-if="company_tab == 2"></div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="product">
 
+          <div class="product-title">{{text('产品中心')}}</div>
 
+          <div class="product-tips">
 
+            {{config[lan_key('web_product_text')]}}
 
+          </div>
 
+          <img class="product-img" :src="baseURL + product_img" />
 
+          <!-- <div class="product-tab">
 
+            <div
 
+              class="tab-item"
 
+              v-for="item in product_tab_list"
 
+              :class="{current:item == product_tab}"
 
+              @click="product_tab = item"
 
+            >
 
+              {{item[lan_key('name')]}}
 
+            </div>
 
+          </div> -->
 
+          <!-- <div class="product-content">
 
+            <div class="content-info">
 
+              <div class="info-title">{{product_tab[lan_key('name')]}}</div>
 
+              <div class="info-detail">
 
+                {{product_tab[lan_key('description')]}}
 
+              </div>
 
+              <a class="info-more a-btn" href="/product.html"
 
+                >{{text('了解更多')}}</a
 
+              >
 
+            </div>
 
+            <img class="content-img" :src="product_tab.image" alt="" />
 
+          </div> -->
 
+        </div>
 
+        <div class="news">
 
+          <div class="news-title">{{text('新闻资讯')}}</div>
 
+          <div class="news-tips">{{config[lan_key('web_news_text')]}}</div>
 
+          <div class="news-content">
 
+            <div class="news-item" v-for="item in new_list.slice( 0 , 3 )">
 
+              <img class="item-cover" :src="item.image" alt="" />
 
+              <div class="item-time">{{item.time}}</div>
 
+              <div class="item-title">{{item[lan_key('name')]}}</div>
 
+              <div class="item-detail">{{item[lan_key('description')]}}</div>
 
+              <a
 
+                class="item-view-detail"
 
+                :href="'/news-detail.html?id=' + item.id"
 
+                >{{text('阅读详情')}}</a
 
+              >
 
+            </div>
 
+          </div>
 
+          <a class="a-btn news-more" href="/news.html">{{text('查看更多')}}</a>
 
+        </div>
 
+        <div
 
+          class="contact"
 
+          :style="{backgroundImage:`url(${baseURL}${config.web_contact_image})`}"
 
+        >
 
+          <div class="contact-card">
 
+            <div class="card-title">{{text('在线留言')}}</div>
 
+            <input
 
+              type="text"
 
+              v-model="params.realname"
 
+              :placeholder="text('请输入您的称呼')"
 
+            />
 
+            <input
 
+              type="text"
 
+              v-model="params.tel"
 
+              :placeholder="text('请输入您的手机号')"
 
+            />
 
+            <input
 
+              type="text"
 
+              v-model="params.email"
 
+              :placeholder="text('请输入您的邮箱地址')"
 
+            />
 
+            <textarea
 
+              v-model="params.content"
 
+              :placeholder="text('请输入您的需求内容')"
 
+            ></textarea>
 
+            <div class="a-btn card-confirm" @click="submit">
 
+              {{text('提交')}}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel? config.web_tel.tel1 : '-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/index.js"></script>
 
+  </body>
 
+</html>

+ 246 - 0
join-mobile.html
View File 

@@ -0,0 +1,246 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>加入我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/banner-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/join-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="list" v-if="!current_info ">
 
+          <div class="search">
 
+            <input
 
+              class="search-ipt"
 
+              type="text"
 
+              :placeholder="text('请输入关键词查询相对应的职位')"
 
+              v-model="params.search"
 
+            />
 
+            <div
 
+              class="search-btn"
 
+              :style="{background:params.search?'#1d52a2':'#c0c0c0'}"
 
+              @click="search"
 
+            >
 
+              {{text('职位搜索')}}
 
+            </div>
 
+          </div>
 
+          <div class="table">
 
+            <div class="thead row">
 
+              <div class="td name">{{text('职位名称')}}</div>
 
+              <div class="td time">{{text('发布时间')}}</div>
 
+            </div>
 
+            <div class="tbody">
 
+              <div class="tr" v-for="item in list" @click="current_info = item">
 
+                <div class="row">
 
+                  <div class="td name">{{item[lan_key('name')]}}</div>
 
+                  <div class="td time">{{item.time}}</div>
 
+                  <div class="td icon">›</div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="pagination">
 
+            <div
 
+              class="pagination-item"
 
+              @click="changeCurrent(params.page - 1)"
 
+            >
 
+              ‹
 
+            </div>
 
+            <div
 
+              class="pagination-item"
 
+              v-for="index in pagination_list"
 
+              :class="{ current: index == params.page}"
 
+              @click="changeCurrent(index)"
 
+            >
 
+              {{index}}
 
+            </div>
 
+            <div
 
+              class="pagination-item"
 
+              @click="changeCurrent(params.page + 1)"
 
+            >
 
+              ›
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="detail" v-if="current_info">
 
+          <div class="detail-header">
 
+            <div class="back" @click="back">‹</div>
 
+            <div class="title">{{text('职位详情')}}</div>
 
+            <div></div>
 
+          </div>
 
+          <template v-if="!create_params">
 
+            <div class="job card">
 
+              <div class="name">{{current_info[lan_key('name')]}}</div>
 
+              <div class="time">{{text('发布于')}}{{current_info.time}}</div>
 
+            </div>
 
+            <div
 
+              class="info card"
 
+              v-html="current_info[lan_key('content')]"
 
+            ></div>
 
+            <div class="card type-place">
 
+              <div class="item">
 
+                <div class="label">{{text('职位类别')}}</div>
 
+                <div class="value">{{current_info[lan_key('category')]}}</div>
 
+              </div>
 
+              <div class="item">
 
+                <div class="label">{{text('工作地点')}}</div>
 
+                <div class="value">{{current_info[lan_key('addr')]}}</div>
 
+              </div>
 
+            </div>
 
+          </template>
 
+          <template v-else>
 
+            <div class="job card">
 
+              <div class="name">{{current_info[lan_key('name')]}}</div>
 
+              <div class="type_place">
 
+                {{current_info[lan_key('category')]}} |
 
+                {{current_info[lan_key('addr')]}}
 
+              </div>
 
+              <div class="time">{{text('发布于')}}{{current_info.time}}</div>
 
+              <div class="line"></div>
 
+            </div>
 
+            <div class="card form">
 
+              <div class="label">{{text('姓名')}}</div>
 
+              <input
 
+                class="text"
 
+                type="text"
 
+                v-model="create_params.realname"
 
+                :placeholder="text('请输入您的姓名')"
 
+              />
 
+              <div class="label">{{text('联系方式')}}</div>
 
+              <input
 
+                class="text"
 
+                type="text"
 
+                v-model="create_params.tel"
 
+                :placeholder="text('请输入您的联系方式')"
 
+              />
 
+              <div class="label">{{text('电子邮箱')}}</div>
 
+              <input
 
+                class="text"
 
+                type="text"
 
+                v-model="create_params.email"
 
+                :placeholder="text('请输入您的邮箱')"
 
+              />
 
+              <div class="label">{{text('上传简历')}}</div>
 
+              <label class="upload" for="file" v-if="!file_name">
 
+                {{text('上传简历')}}
 
+              </label>
 
+              <label class="upload" for="file" v-else> {{file_name}} </label>
 
+              <input
 
+                id="file"
 
+                type="file"
 
+                style="display: none"
 
+                accept=".pdf,.doc,.ppt,.docx,.pptx,.wps,.jpg,.jpeg,.png,.txt"
 
+                @change="uploadFile"
 
+              />
 
+              <div class="tips">
 
+                {{text('支持pdf、doc、ppt、docx、pptx、wps、jpg、jpeg、png、txt等简历格式')}}
 
+              </div>
 
+            </div>
 
+          </template>
 
+          <div class="detail-footer">
 
+            <div class="confirm a-btn" v-if="!create_params" @click="confirm">
 
+              {{text('立即申请')}}
 
+            </div>
 
+            <div class="confirm a-btn" v-else @click="submit">
 
+              {{text('提交')}}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/banner-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/join-mobile.js"></script>
 
+  </body>
 
+</html>

+ 244 - 0
join.html
View File 

@@ -0,0 +1,244 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>加入我们</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/banner.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/join.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="card" v-if="!current_info.name">
 
+          <div class="title-search">
 
+            <div class="title">{{text('招聘职位')}}</div>
 
+            <div class="search">
 
+              <input
 
+                class="search-ipt"
 
+                type="text"
 
+                :placeholder="text('请输入关键词查询相对应的职位')"
 
+                v-model="params.search"
 
+              />
 
+              <div
 
+                class="search-btn"
 
+                :style="{background:params.search?'#1d52a2':'#c0c0c0'}"
 
+                @click="search"
 
+              >
 
+                {{text('职位搜索')}}
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="table">
 
+            <div class="thead row">
 
+              <div class="td name">{{text('职位名称')}}</div>
 
+              <div class="td type">{{text('职位类别')}}</div>
 
+              <div class="td place">{{text('工作地点')}}</div>
 
+              <div class="td time">{{text('发布时间')}}</div>
 
+            </div>
 
+            <div class="tbody">
 
+              <div
 
+                class="tr"
 
+                v-for="item in list"
 
+                :class="{current: current_item == item.id}"
 
+                @click="current_item == item.id?current_item = 0 : current_item = item.id"
 
+              >
 
+                <div class="row">
 
+                  <div class="td name">{{item[lan_key('name')]}}</div>
 
+                  <div class="td type">{{item[lan_key('category')]}}</div>
 
+                  <div class="td place">{{item[lan_key('addr')]}}</div>
 
+                  <div class="td time">{{item[lan_key('time')]}}</div>
 
+                  <div class="td icon">›</div>
 
+                </div>
 
+                <div class="detail">
 
+                  <div v-html="item[lan_key('content')]"></div>
 
+                  <div class="a-btn apply" @click="setSubmitInfo(item)">
 
+                    {{text('申请职位')}}
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+          <div class="pagination">
 
+            <div
 
+              class="pagination-item"
 
+              @click="changeCurrent(params.page - 1)"
 
+            >
 
+              ‹
 
+            </div>
 
+            <div
 
+              class="pagination-item"
 
+              v-for="index in pagination_list"
 
+              :class="{ current: index == params.page}"
 
+              @click="changeCurrent(index)"
 
+            >
 
+              {{index}}
 
+            </div>
 
+            <div
 
+              class="pagination-item"
 
+              @click="changeCurrent(params.page + 1)"
 
+            >
 
+              ›
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="crumb" v-if="current_info.name">
 
+          <span @click="setSubmitInfo()">{{text('加入我们')}}</span>
 
+          >
 
+          <span>{{text('职位申请')}}</span>
 
+        </div>
 
+        <div class="card" v-if="current_info.name">
 
+          <div class="info">
 
+            <div class="title">{{current_info.name}}</div>
 
+            <div class="time">{{text('发布于')}}{{current_info.time}}</div>
 
+          </div>
 
+          <div class="form">
 
+            <div class="label">{{text('姓名')}}</div>
 
+            <input
 
+              class="text"
 
+              type="text"
 
+              v-model="create_params.realname"
 
+              :placeholder="text('请输入您的姓名')"
 
+            />
 
+            <div class="label">{{text('联系方式')}}</div>
 
+            <input
 
+              class="text"
 
+              type="text"
 
+              v-model="create_params.tel"
 
+              :placeholder="text('请输入您的联系方式')"
 
+            />
 
+            <div class="label">{{text('电子邮箱')}}</div>
 
+            <input
 
+              class="text"
 
+              type="text"
 
+              v-model="create_params.email"
 
+              :placeholder="text('请输入您的邮箱')"
 
+            />
 
+            <div class="label">{{text('上传简历')}}</div>
 
+            <label class="upload" for="file" v-if="!file_name">
 
+              {{text('上传简历')}}
 
+            </label>
 
+            <label class="upload" for="file" v-else> {{file_name}} </label>
 
+            <input
 
+              id="file"
 
+              type="file"
 
+              style="display: none"
 
+              accept=".pdf,.doc,.ppt,.docx,.pptx,.wps,.jpg,.jpeg,.png,.txt"
 
+              @change="uploadFile"
 
+            />
 
+            <div class="tips">
 
+              {{text('支持pdf、doc、ppt、docx、pptx、wps、jpg、jpeg、png、txt等简历格式')}}
 
+            </div>
 
+            <div
 
+              class="submit a-btn"
 
+              :class="{disabled: !use_submit}"
 
+              @click="submit"
 
+            >
 
+              {{text('提交')}}
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/banner.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/join.js"></script>
 
+  </body>
 
+</html>

+ 82 - 0
js/about-mobile.js
View File 

@@ -0,0 +1,82 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    current_index: 0,
 
+    tab_list: ["企业定位", "企业使命", "企业愿景", "联系我们"],
 
+    info: {},
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+    config: {},
 
+    baseURL: Service.baseURL,
 
+    company_list: [],
 
+    company_img: "",
 
+    language_current: "",
 
+  },
 
+  computed: {
 
+    current_tab() {
 
+      return `calc((100% - ${this.tab_list.length * 5.625}rem) / 2 + ${
 
+        (this.current_index + 0.5) * 5.625
 
+      }rem - 1.5rem)`;
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+    this.language_current = localStorage.getItem("language");
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 切换tab
 
+    changeCurrent(item) {
 
+      window.scrollTo(0, document.getElementById(item).offsetTop - 46);
 
+    },
 
+    // 获取数据
 
+    getList() {
 
+      Service.getCompany()
 
+        .then((res) => {
 
+          this.company_list = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.company_img = res.web_company_address_image;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+      Service.get_about()
 
+        .then((res) => {
 
+          this.info = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的联系电话"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          Object.keys(this.params).forEach((key) => (this.params[key] = ""));
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 80 - 0
js/about.js
View File 

@@ -0,0 +1,80 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    current_index: 0,
 
+    tab_list: ["企业定位", "企业使命", "企业愿景", "联系我们"],
 
+    info: {},
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+    config: {},
 
+    baseURL: Service.baseURL,
 
+    company_list: [],
 
+    company_img: "",
 
+  },
 
+  computed: {
 
+    current_tab() {
 
+      return `calc((100% - ${this.tab_list.length * 15}rem) / 2 + ${
 
+        (this.current_index + 0.5) * 15
 
+      }rem - 1.75rem)`;
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 切换tab
 
+    changeCurrent(item) {
 
+      window.scrollTo(0, document.getElementById(item).offsetTop - 70);
 
+    },
 
+    // 获取数据
 
+    getList() {
 
+      Service.getCompany()
 
+        .then((res) => {
 
+          this.company_list = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.company_img = res.web_company_address_image;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+      Service.get_about()
 
+        .then((res) => {
 
+          this.info = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的联系电话"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          Object.keys(this.params).forEach((key) => (this.params[key] = ""));
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 33 - 0
js/agreement-mobile.js
View File 

@@ -0,0 +1,33 @@
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+  },
 
+  mounted() {
 
+    const type = location.href.split("?type=")[1];
 
+    this.getDetail(type);
 
+  },
 
+  methods: {
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(type) {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.info = res[`agreement_` + type];
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    downloadFile() {
 
+      const a = document.createElement("a");
 
+      a.href = Service.baseURL + this.info.url;
 
+      a.download = decodeURI(this.info[this.lan_key("url_name")] + ".docx");
 
+      document.body.appendChild(a);
 
+      a.click();
 
+      document.body.removeChild(a); // 下载完移除元素
 
+    },
 
+  },
 
+});

+ 33 - 0
js/agreement.js
View File 

@@ -0,0 +1,33 @@
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+  },
 
+  mounted() {
 
+    const type = location.href.split("?type=")[1];
 
+    this.getDetail(type);
 
+  },
 
+  methods: {
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(type) {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.info = res[`agreement_` + type];
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    downloadFile() {
 
+      const a = document.createElement("a");
 
+      a.href = Service.baseURL + this.info.url;
 
+      a.download = decodeURI(this.info[this.lan_key("url_name")] + ".docx");
 
+      document.body.appendChild(a);
 
+      a.click();
 
+      document.body.removeChild(a); // 下载完移除元素
 
+    },
 
+  },
 
+});

+ 28 - 0
js/common/browser-resize.js
View File 

@@ -0,0 +1,28 @@
 
+(() => {
 
+  // const isMobile =
 
+  //   /(iPhone|iPad|iPod|iOS|Android|Linux armv8l|Linux armv7l|Linux aarch64)/i.test(
 
+  //     navigator.platform
 
+  //   );
 
+  const isMobile =
 
+    /(iPhone|iPad|iPod|iOS|Android|Linux armv8l|Linux armv7l|Linux aarch64)/i.test(
 
+      navigator.userAgent
 
+    );
 
+  function resize() {
 
+    const path = location.pathname;
 
+    if (isMobile && !path.includes("mobile")) {
 
+      location.href = location.href.replace(".html", "-mobile.html");
 
+    }
 
+    if (!isMobile && path.includes("mobile")) {
 
+      location.href = location.href.replace("-mobile.html", ".html");
 
+    }
 
+    const htmlStyle = document.querySelector("html").style;
 
+    htmlStyle.fontSize =
 
+      (isMobile
 
+        ? window.screen.availWidth / 375
 
+        : window.innerWidth / window.screen.availWidth) *
 
+        16 +
 
+      "px";
 
+  }
 
+  resize();
 
+  window.addEventListener("resize", () => resize());
 
+})();

+ 286 - 0
js/common/language.js
View File 

@@ -0,0 +1,286 @@
 
+export default {
 
+  首页: {
 
+    chs: "首页",
 
+    en: "Home Page",
 
+  },
 
+  关于我们: {
 
+    chs: "关于我们",
 
+    en: "About Us",
 
+  },
 
+  产品中心: {
 
+    chs: "产品中心",
 
+    en: "Product Center",
 
+  },
 
+  新闻资讯: {
 
+    chs: "新闻资讯",
 
+    en: "News And Information",
 
+  },
 
+  加入我们: {
 
+    chs: "加入我们",
 
+    en: "Join Us",
 
+  },
 
+  联系我们: {
 
+    chs: "联系我们",
 
+    en: "Contact Us",
 
+  },
 
+  法律声明: {
 
+    chs: "法律声明",
 
+    en: "Legal Notice",
 
+  },
 
+  隐私条款: {
 
+    chs: "隐私条款",
 
+    en: "Privacy Clause",
 
+  },
 
+  关于蓝芯算力: {
 
+    chs: "关于蓝芯算力",
 
+    en: "About LANXIN COMPUTING",
 
+  },
 
+  探索更多: {
 
+    chs: "探索更多",
 
+    en: "Explore More",
 
+  },
 
+  公司使命: {
 
+    chs: "公司使命",
 
+    en: "Company Mission",
 
+  },
 
+  公司愿景: {
 
+    chs: "公司愿景",
 
+    en: "Company Vision",
 
+  },
 
+  未来设想: {
 
+    chs: "未来设想",
 
+    en: "Future Vision",
 
+  },
 
+  阅读详情: {
 
+    chs: "阅读详情",
 
+    en: "Read More",
 
+  },
 
+  查看更多: {
 
+    chs: "查看更多",
 
+    en: "View More",
 
+  },
 
+  了解更多: {
 
+    chs: "了解更多",
 
+    en: "Learn More",
 
+  },
 
+  在线留言: {
 
+    chs: "在线留言",
 
+    en: "Online Message",
 
+  },
 
+  请输入您的称呼: {
 
+    chs: "请输入您的称呼",
 
+    en: "Please enter your address",
 
+  },
 
+  请输入您的手机号: {
 
+    chs: "请输入您的手机号",
 
+    en: "Please enter your phone number",
 
+  },
 
+  请输入您的邮箱地址: {
 
+    chs: "请输入您的邮箱地址",
 
+    en: "Please enter your email address",
 
+  },
 
+  请输入您的需求内容: {
 
+    chs: "请输入您的需求内容",
 
+    en: "Please enter your requirement content",
 
+  },
 
+  提交: {
 
+    chs: "提交",
 
+    en: "Submit",
 
+  },
 
+  研发实力: {
 
+    chs: "研发实力",
 
+    en: "R&D Strength",
 
+  },
 
+  未来展望: {
 
+    chs: "未来展望",
 
+    en: "Future Outlook",
 
+  },
 
+  职位申请: {
 
+    chs: "职位申请",
 
+    en: "Job Application",
 
+  },
 
+  招聘职位: {
 
+    chs: "招聘职位",
 
+    en: "Recruit Job",
 
+  },
 
+  请输入关键词查询相对应的职位: {
 
+    chs: "请输入关键词查询相对应的职位",
 
+    en: "Please enter keywords to search for the corresponding position",
 
+  },
 
+  职位搜索: {
 
+    chs: "职位搜索",
 
+    en: "Job Search",
 
+  },
 
+  职位名称: {
 
+    chs: "职位名称",
 
+    en: "Job Title",
 
+  },
 
+  职位类别: {
 
+    chs: "职位类别",
 
+    en: "Job Category",
 
+  },
 
+  工作地点: {
 
+    chs: "工作地点",
 
+    en: "Work Location",
 
+  },
 
+  发布时间: {
 
+    chs: "发布时间",
 
+    en: "Release time",
 
+  },
 
+  岗位职责: {
 
+    chs: "岗位职责",
 
+    en: "Job Responsibilities",
 
+  },
 
+  岗位要求: {
 
+    chs: "岗位要求",
 
+    en: "Job Requirements",
 
+  },
 
+  申请职位: {
 
+    chs: "申请职位",
 
+    en: "Apply for position",
 
+  },
 
+  姓名: {
 
+    chs: "姓名",
 
+    en: "Name",
 
+  },
 
+  请输入您的姓名: {
 
+    chs: "请输入您的姓名",
 
+    en: "Please enter your name",
 
+  },
 
+  联系方式: {
 
+    chs: "联系方式",
 
+    en: "Contact Information",
 
+  },
 
+  请输入您的联系方式: {
 
+    chs: "请输入您的联系方式",
 
+    en: "Please enter your contact information",
 
+  },
 
+  电子邮箱: {
 
+    chs: "电子邮箱",
 
+    en: "E-mail",
 
+  },
 
+  请输入您的邮箱: {
 
+    chs: "请输入您的邮箱",
 
+    en: "Please enter your email address",
 
+  },
 
+  上传简历: {
 
+    chs: "上传简历",
 
+    en: "Upload resume",
 
+  },
 
+  "支持pdf、doc、ppt、docx、pptx、wps、jpg、jpeg、png、txt等简历格式": {
 
+    chs: "支持pdf、doc、ppt、docx、pptx、wps、jpg、jpeg、png、txt等简历格式",
 
+    en: "Support resume formats such as PDF, doc, ppt, docx, pptx, wps, jpg, jpeg, png, txt, etc",
 
+  },
 
+  请上传您的简历: {
 
+    chs: "请上传您的简历",
 
+    en: "Please upload your resume",
 
+  },
 
+  咨询电话: {
 
+    chs: "咨询电话",
 
+    en: "Consult Phone",
 
+  },
 
+  联络邮箱: {
 
+    chs: "联络邮箱",
 
+    en: "Contact email",
 
+  },
 
+  公司地址: {
 
+    chs: "公司地址",
 
+    en: "Company address",
 
+  },
 
+  您的称呼: {
 
+    chs: "您的称呼",
 
+    en: "Your address",
 
+  },
 
+  请输入您的称呼: {
 
+    chs: "请输入您的称呼",
 
+    en: "Please enter your address",
 
+  },
 
+  您的联系电话: {
 
+    chs: "您的联系电话",
 
+    en: "Your contact phone number",
 
+  },
 
+  请输入您的联系电话: {
 
+    chs: "请输入您的联系电话",
 
+    en: "Please enter your contact phone number",
 
+  },
 
+  您的邮箱地址: {
 
+    chs: "您的邮箱地址",
 
+    en: "Your email address",
 
+  },
 
+  请输入您的邮箱地址: {
 
+    chs: "请输入您的邮箱地址",
 
+    en: "Please enter your email address",
 
+  },
 
+  描述: {
 
+    chs: "描述",
 
+    en: "Describe",
 
+  },
 
+  请详细描述您需要的服务或者支持: {
 
+    chs: "请详细描述您需要的服务或者支持",
 
+    en: "Please provide a detailed description of the service or support you require",
 
+  },
 
+  提交成功: {
 
+    chs: "提交成功",
 
+    en: "Submitted successfully",
 
+  },
 
+  发布于: {
 
+    chs: "发布于",
 
+    en: "Published on",
 
+  },
 
+  发布时间: {
 
+    chs: "发布时间",
 
+    en: "Release Time",
 
+  },
 
+  下载附件: {
 
+    chs: "下载附件",
 
+    en: "Download",
 
+  },
 
+  上一篇: {
 
+    chs: "上一篇",
 
+    en: "Previous article",
 
+  },
 
+  下一篇: {
 
+    chs: "下一篇",
 
+    en: "Next article",
 
+  },
 
+  功能特点: {
 
+    chs: "功能特点",
 
+    en: "Functional Characteristics",
 
+  },
 
+  产品规格: {
 
+    chs: "产品规格",
 
+    en: "Product Specifications",
 
+  },
 
+  职位详情: {
 
+    chs: "职位详情",
 
+    en: "Job Details",
 
+  },
 
+  立即申请: {
 
+    chs: "立即申请",
 
+    en: "Apply Now",
 
+  },
 
+  企业定位: {
 
+    chs: "企业定位",
 
+    en: "Corporate positioning",
 
+  },
 
+  企业使命: {
 
+    chs: "企业使命",
 
+    en: "Corporate mission",
 
+  },
 
+  企业愿景: {
 
+    chs: "企业愿景",
 
+    en: "Corporate Vision",
 
+  },
 
+  联系电话: {
 
+    chs: "联系电话",
 
+    en: "Telephone",
 
+  },
 
+  地址: {
 
+    chs: "地址",
 
+    en: "Address",
 
+  },
 
+  返回列表: {
 
+    chs: "返回列表",
 
+    en: "Return To List",
 
+  },
 
+};

+ 55 - 0
js/common/request.js
View File 

@@ -0,0 +1,55 @@
 
+const axios = window.axios;
 
+const baseURL = "http://chip.hdlkeji.com";
 
+
 
+// 创建axios实例
 
+const instance = axios.create({
 
+  baseURL, // api的base_url
 
+});
 
+
 
+// request拦截器
 
+instance.interceptors.request.use(
 
+  (config) => {
 
+    return config;
 
+  },
 
+  (error) => {
 
+    // Do something with request error
 
+    console.log(error); // for debug
 
+    Promise.reject(error);
 
+  }
 
+);
 
+
 
+// respone拦截器
 
+instance.interceptors.response.use(
 
+  // response => response,
 
+  /**
 
+   * 下面的注释为通过response自定义code来标示请求状态，当code返回如下情况为权限有问题，登出并返回到登录页
 
+   * 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
 
+   */
 
+  (response) => {
 
+    const res = response.data;
 
+    // 处理异常的情况
 
+    if (res.code !== 1) {
 
+      return Promise.reject("error");
 
+    } else {
 
+      // 默认只返回data，不返回状态码和message
 
+      // 通过 meta 中的 responseAll 配置来取决后台是否返回所有数据(包括状态码，message和data)
 
+      const isbackAll =
 
+        response.config.meta && response.config.meta.responseAll;
 
+      if (isbackAll) {
 
+        return res;
 
+      } else {
 
+        return res.data;
 
+      }
 
+    }
 
+  },
 
+  (error) => {
 
+    console.log("err" + error); // for debug
 
+    return Promise.reject(error);
 
+  }
 
+);
 
+
 
+export default {
 
+  get: (url, params, config) => instance.get(url, { params, ...config }),
 
+  post: (url, params, config) => instance.post(url, params, config),
 
+  baseURL,
 
+};

+ 31 - 0
js/common/service.js
View File 

@@ -0,0 +1,31 @@
 
+import request from "./request.js";
 
+export default {
 
+  baseURL: request.baseURL,
 
+  // 上传文件
 
+  upload: (data) => request.post("/api/common/upload", data),
 
+  // 获取配置
 
+  get_site: (data) => request.post("/api/index/get_site", data),
 
+  // 首页数据
 
+  get_index: (data) => request.post("/api/index/get_index", data),
 
+  // 关于我们
 
+  get_about: (data) => request.post("/api/index/get_about", data),
 
+  // 关于我们-联系我们
 
+  getCompany: (data) => request.post("/api/index/getCompany", data),
 
+  // 产品中心-分类列表
 
+  get_product_cate: (data) => request.post("/api/index/get_product_cate", data),
 
+  // 产品中心-产品列表
 
+  get_product: (data) => request.post("/api/index/get_product", data),
 
+  // 产品中心-产品详情
 
+  get_product_detail: (data) =>
 
+    request.post("/api/index/get_product_detail", data),
 
+  // 新闻资讯-资讯列表
 
+  get_news: (data) => request.post("/api/index/get_news", data),
 
+  // 新闻资讯-资讯详情
 
+  get_news_detail: (data) => request.post("/api/index/get_news_detail", data),
 
+  // 加入我们-职位列表
 
+  get_position: (data) => request.post("/api/index/get_position", data),
 
+  // 加入我们-申请职位
 
+  create_position: (data) => request.post("/api/index/create_position", data),
 
+  // 联系我们-留言
 
+  create_message: (data) => request.post("/api/index/create_message", data),
 
+};

+ 44 - 0
js/components/banner-mobile.js
View File 

@@ -0,0 +1,44 @@
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#banner",
 
+  data: {
 
+    title: "产品中心",
 
+    image: "",
 
+    path_list: [
 
+      { key: "web_about", path: "/about-mobile.html" },
 
+      { key: "web_product", path: "/product-mobile.html" },
 
+      { key: "web_news", path: "/news-mobile.html" },
 
+      { key: "web_join", path: "/join-mobile.html" },
 
+      { key: "web_contact", path: "/contact-mobile.html" },
 
+    ],
 
+    config: {},
 
+    current: {},
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    setTitle() {
 
+      const path = this.path_list.find((item) =>
 
+        location.href.includes(item.path)
 
+      );
 
+      if (path) {
 
+        this.title = this.config[this.lan_key(path.key)];
 
+        this.image = Service.baseURL + this.config[path.key + "_image"];
 
+      }
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.setTitle();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 44 - 0
js/components/banner.js
View File 

@@ -0,0 +1,44 @@
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#banner",
 
+  data: {
 
+    title: "产品中心",
 
+    image: "",
 
+    path_list: [
 
+      { key: "web_about", path: "/about.html" },
 
+      { key: "web_product", path: "/product.html" },
 
+      { key: "web_news", path: "/news.html" },
 
+      { key: "web_join", path: "/join.html" },
 
+      { key: "web_contact", path: "/contact.html" },
 
+    ],
 
+    config: {},
 
+    current: {},
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    setTitle() {
 
+      const path = this.path_list.find((item) =>
 
+        location.href.includes(item.path)
 
+      );
 
+      if (path) {
 
+        this.title = this.config[this.lan_key(path.key)];
 
+        this.image = Service.baseURL + this.config[path.key + "_image"];
 
+      }
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.setTitle();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 36 - 0
js/components/footer-mobile.js
View File 

@@ -0,0 +1,36 @@
 
+import language from "../common/language.js";
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#footer",
 
+  data: {
 
+    baseURL: Service.baseURL,
 
+    config: {},
 
+    path_list: [
 
+      { name: "产品中心", path: "/product-mobile.html" },
 
+      // { name: "联系我们", path: "/contact-mobile.html" },
 
+      { name: "新闻资讯", path: "/news-mobile.html" },
 
+      { name: "加入我们", path: "/join-mobile.html" },
 
+      { name: "关于我们", path: "/about-mobile.html" },
 
+    ],
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 36 - 0
js/components/footer.js
View File 

@@ -0,0 +1,36 @@
 
+import language from "../common/language.js";
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#footer",
 
+  data: {
 
+    baseURL: Service.baseURL,
 
+    config: {},
 
+    path_list: [
 
+      { name: "产品中心", path: "/product.html" },
 
+      // { name: "联系我们", path: "/contact.html" },
 
+      { name: "新闻资讯", path: "/news.html" },
 
+      { name: "加入我们", path: "/join.html" },
 
+      { name: "关于我们", path: "/about.html" },
 
+    ],
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 49 - 0
js/components/header-mobile.js
View File 

@@ -0,0 +1,49 @@
 
+import language from "../common/language.js";
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#header",
 
+  data: {
 
+    current_language: "chs",
 
+    path_list: [
 
+      { name: "首页", path: "/index-mobile.html" },
 
+      { name: "关于我们", path: "/about-mobile.html" },
 
+      { name: "产品中心", path: "/product-mobile.html" },
 
+      { name: "新闻资讯", path: "/news-mobile.html" },
 
+      { name: "加入我们", path: "/join-mobile.html" },
 
+      // { name: "联系我们", path: "/contact-mobile.html" },
 
+    ],
 
+    current_path: "/index.html",
 
+    baseURL: Service.baseURL,
 
+    menu_show: false,
 
+    config: {},
 
+    logo_path: "",
 
+  },
 
+  mounted() {
 
+    this.current_path = location.pathname;
 
+    this.current_language = localStorage.getItem("language");
 
+    if (!this.current_language) {
 
+      this.changeLanguage("chs");
 
+    }
 
+    document.querySelector(".header-nav").style.display = "block";
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][this.current_language];
 
+    },
 
+    changeLanguage(val) {
 
+      localStorage.setItem("language", val);
 
+      history.go(0);
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.logo_path = this.baseURL + res.web_logo_color;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 80 - 0
js/components/header.js
View File 

@@ -0,0 +1,80 @@
 
+import language from "../common/language.js";
 
+import Service from "../common/service.js";
 
+new Vue({
 
+  el: "#header",
 
+  data: {
 
+    current_language: "chs",
 
+    path_list: [
 
+      { name: "首页", path: "/index.html" },
 
+      { name: "关于我们", path: "/about.html" },
 
+      { name: "产品中心", path: "/product.html" },
 
+      { name: "新闻资讯", path: "/news.html" },
 
+      { name: "加入我们", path: "/join.html" },
 
+      // { name: "联系我们", path: "/contact.html" },
 
+    ],
 
+    current_path: "/index.html",
 
+    baseURL: Service.baseURL,
 
+    config: {},
 
+    logo_path: "",
 
+  },
 
+  mounted() {
 
+    this.current_path = location.pathname;
 
+    this.current_language = localStorage.getItem("language");
 
+    if (!this.current_language) {
 
+      this.changeLanguage("chs");
 
+    }
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][this.current_language];
 
+    },
 
+    changeLanguage(val) {
 
+      localStorage.setItem("language", val);
 
+      history.go(0);
 
+    },
 
+    listerHeader() {
 
+      this.setHeaderStyle();
 
+      window.addEventListener("scroll", () => {
 
+        this.setHeaderStyle();
 
+      });
 
+    },
 
+    setHeaderStyle() {
 
+      let height = 0;
 
+      if (
 
+        this.current_path.includes("detail") ||
 
+        this.current_path == "/agreement.html"
 
+      ) {
 
+        // height =
 
+        //   (window.innerWidth / window.screen.availWidth) *
 
+        //   (document.body.clientHeight - 84);
 
+      } else if (this.current_path.includes("./index.html")) {
 
+        height = (window.innerWidth / window.screen.availWidth) * (580 - 84);
 
+      } else {
 
+        height = (window.innerWidth / window.screen.availWidth) * (480 - 84);
 
+      }
 
+      const scrollY = window.scrollY,
 
+        headerStyle = document.querySelector("#header").style;
 
+      headerStyle.background = scrollY >= height ? "#fff" : "transparent";
 
+      headerStyle.setProperty(
 
+        "--color",
 
+        scrollY >= height ? "#222222" : "#fff"
 
+      );
 
+      this.logo_path =
 
+        scrollY >= height
 
+          ? this.baseURL + this.config.web_logo_color
 
+          : this.baseURL + this.config.web_logo;
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.logo_path = this.baseURL + res.web_logo;
 
+          this.listerHeader();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 52 - 0
js/contact-mobile.js
View File 

@@ -0,0 +1,52 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    config: {
 
+      web_tel: {},
 
+    },
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    changeCurrent(val) {
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的联系电话"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 52 - 0
js/contact.js
View File 

@@ -0,0 +1,52 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    config: {
 
+      web_tel: {},
 
+    },
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    changeCurrent(val) {
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的联系电话"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 83 - 0
js/index-mobile.js
View File 

@@ -0,0 +1,83 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    swiper: {}, // 轮播图对象
 
+    carousel_list: [], // 轮播图数据
 
+    company_tab: 0, // 0 公司使命 1 公司愿景 2 未来设想
 
+    company_list: [], // 公司图片列表
 
+    product_tab: {}, // 当前产品tab
 
+    product_tab_list: [], // 产品tab数据
 
+    product_img: "", // 产品中心图
 
+    new_list: [], // 新闻数据
 
+    baseURL: Service.baseURL,
 
+    config: {}, // 页面配置
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getData();
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 初始化轮播图
 
+    initSwiper() {
 
+      this.swiper = new window.Swiper(".swiper", { autoplay: true });
 
+    },
 
+    // 获取数据
 
+    getData() {
 
+      Service.get_index()
 
+        .then((res) => {
 
+          this.carousel_list = res.banner;
 
+
 
+          this.product_tab_list = res.product;
 
+          this.product_tab = this.product_tab_list[0];
 
+
 
+          this.new_list = res.news;
 
+          this.initSwiper();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.company_list = [
 
+            res.web_about_image1,
 
+            res.web_about_image2,
 
+            res.web_about_image3,
 
+          ];
 
+          this.product_img = res.web_product_info_image;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的手机号"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          Object.keys(this.params).forEach((key) => (this.params[key] = ""));
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 83 - 0
js/index.js
View File 

@@ -0,0 +1,83 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    swiper: {}, // 轮播图对象
 
+    carousel_list: [], // 轮播图数据
 
+    company_tab: 0, // 0 公司使命 1 公司愿景 2 未来设想
 
+    company_list: [], // 公司图片列表
 
+    product_tab: {}, // 当前产品tab
 
+    product_tab_list: [], // 产品tab数据
 
+    product_img: "", // 产品中心图
 
+    new_list: [], // 新闻数据
 
+    baseURL: Service.baseURL,
 
+    config: {}, // 页面配置
 
+    params: {
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      content: "", // 描述
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getData();
 
+    this.getConfig();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 初始化轮播图
 
+    initSwiper() {
 
+      this.swiper = new window.Swiper(".swiper", { autoplay: true });
 
+    },
 
+    // 获取数据
 
+    getData() {
 
+      Service.get_index()
 
+        .then((res) => {
 
+          this.carousel_list = res.banner;
 
+
 
+          this.product_tab_list = res.product;
 
+          this.product_tab = this.product_tab_list[0];
 
+
 
+          this.new_list = res.news;
 
+          this.initSwiper();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    getConfig() {
 
+      Service.get_site()
 
+        .then((res) => {
 
+          this.config = res;
 
+          this.company_list = [
 
+            res.web_about_image1,
 
+            res.web_about_image2,
 
+            res.web_about_image3,
 
+          ];
 
+          this.product_img = res.web_product_info_image;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    submit() {
 
+      if (!this.params.realname) return alert(this.text("请输入您的称呼"));
 
+      if (!this.params.tel) return alert(this.text("请输入您的手机号"));
 
+      if (!this.params.email) return alert(this.text("请输入您的邮箱地址"));
 
+      Service.create_message(this.params)
 
+        .then((res) => {
 
+          Object.keys(this.params).forEach((key) => (this.params[key] = ""));
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 117 - 0
js/join-mobile.js
View File 

@@ -0,0 +1,117 @@
 
+import Service from "./common/service.js";
 
+import language from "./common/language.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    total: 0,
 
+    params: {
 
+      page: 1,
 
+      page_num: 5,
 
+      search: "",
 
+    },
 
+    list: [],
 
+    current_info: null,
 
+    create_params: null,
 
+    file_name: "",
 
+    pagination_list: [],
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 切换分页
 
+    changeCurrent(val) {
 
+      if (val == this.params.page || val == "...") return;
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+      this.getList();
 
+    },
 
+    setPaginationList() {
 
+      const allNum = Math.ceil(this.total / this.params.page_num);
 
+      this.pagination_list = new Array(allNum)
 
+        .fill(null)
 
+        .map((_, index) => {
 
+          if (index == 0 || index == allNum - 1) return index + 1;
 
+          return Math.abs(index + 1 - this.params.page) >= 2
 
+            ? Math.abs(index + 1 - this.params.page) == 2
 
+              ? "..."
 
+              : ""
 
+            : index + 1;
 
+        })
 
+        .filter((i) => i);
 
+    },
 
+    // 搜素
 
+    search() {
 
+      this.params.page = 1;
 
+      this.getList();
 
+    },
 
+    // 获取数据
 
+    getList() {
 
+      Service.get_position(this.params)
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          // this.current_item = res.data[0] ? this.list[0].id : "";
 
+          this.total = res.total;
 
+          this.setPaginationList();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    // 返回
 
+    back() {
 
+      if (this.create_params) return (this.create_params = null);
 
+      if (this.current_info) return (this.current_info = null);
 
+    },
 
+    // 申请
 
+    confirm() {
 
+      this.create_params = {
 
+        position: null, // 职位id
 
+        realname: "", // 姓名
 
+        tel: "", // 电话
 
+        email: "", // 邮箱
 
+        url: "", // 简历
 
+      };
 
+      this.file_name = "";
 
+      this.create_params.position = this.current_info[this.lan_key("name")];
 
+    },
 
+    // 上传简历
 
+    uploadFile({ target }) {
 
+      const file = target.files[0];
 
+      const formData = new FormData();
 
+      formData.append("file", file);
 
+      Service.upload(formData)
 
+        .then((res) => {
 
+          this.file_name = file.name;
 
+          this.create_params.url = res.url;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    // 提交
 
+    submit() {
 
+      if (!this.create_params.realname)
 
+        return alert(this.text("请输入您的姓名"));
 
+      if (!this.create_params.tel)
 
+        return alert(this.text("请输入您的联系方式"));
 
+      if (!this.create_params.email) return alert(this.text("请输入您的邮箱"));
 
+      if (!this.create_params.url) return alert(this.text("请上传您的简历"));
 
+      Service.create_position(this.create_params)
 
+        .then((res) => {
 
+          alert(this.text("提交成功"));
 
+          this.create_params = null;
 
+          this.current_info = null;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 135 - 0
js/join.js
View File 

@@ -0,0 +1,135 @@
 
+import Service from "./common/service.js";
 
+import language from "./common/language.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    total: 0,
 
+    params: {
 
+      page: 1,
 
+      page_num: 5,
 
+      search: "",
 
+    },
 
+    current_item: 0,
 
+    list: [],
 
+    current_info: {
 
+      name: "",
 
+      time: "",
 
+    },
 
+    create_params: {
 
+      position: null, // 职位id
 
+      realname: "", // 姓名
 
+      tel: "", // 电话
 
+      email: "", // 邮箱
 
+      url: "", // 简历
 
+    },
 
+    file_name: "",
 
+    pagination_list: [],
 
+  },
 
+  computed: {
 
+    use_submit() {
 
+      return Object.keys(this.create_params).every(
 
+        (item) => this.create_params[item]
 
+      );
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    // 切换分页
 
+    changeCurrent(val) {
 
+      if (val == this.params.page || val == "...") return;
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+      this.getList();
 
+    },
 
+    setPaginationList() {
 
+      const allNum = Math.ceil(this.total / this.params.page_num);
 
+      this.pagination_list = new Array(allNum)
 
+        .fill(null)
 
+        .map((_, index) => {
 
+          if (index == 0 || index == allNum - 1) return index + 1;
 
+          return Math.abs(index + 1 - this.params.page) >= 2
 
+            ? Math.abs(index + 1 - this.params.page) == 2
 
+              ? "..."
 
+              : ""
 
+            : index + 1;
 
+        })
 
+        .filter((i) => i);
 
+    },
 
+    // 搜素
 
+    search() {
 
+      this.params.page = 1;
 
+      this.getList();
 
+    },
 
+    // 获取数据
 
+    getList() {
 
+      Service.get_position(this.params)
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          // this.current_item = res.data[0] ? this.list[0].id : "";
 
+          this.total = res.total;
 
+          this.setPaginationList();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    // 申请
 
+    setSubmitInfo(item) {
 
+      if (!item) {
 
+        this.current_info = {
 
+          name: "",
 
+          time: "",
 
+        };
 
+        this.create_params = {
 
+          position: null, // 职位id
 
+          realname: "", // 姓名
 
+          tel: "", // 电话
 
+          email: "", // 邮箱
 
+          url: "", // 简历
 
+        };
 
+        this.file_name = "";
 
+        return;
 
+      }
 
+      this.create_params.position = this.current_info.name =
 
+        item[this.lan_key("name")];
 
+      this.current_info.name = item[this.lan_key("name")];
 
+      this.current_info.time = item.time;
 
+    },
 
+    // 上传简历
 
+    uploadFile({ target }) {
 
+      const file = target.files[0];
 
+      const formData = new FormData();
 
+      formData.append("file", file);
 
+      Service.upload(formData)
 
+        .then((res) => {
 
+          this.file_name = file.name;
 
+          this.create_params.url = res.url;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    // 提交
 
+    submit() {
 
+      if (!this.use_submit) return;
 
+      Service.create_position(this.create_params)
 
+        .then((res) => {
 
+          Object.keys(this.create_params).forEach(
 
+            (key) => (this.create_params[key] = "")
 
+          );
 
+          alert(this.text("提交成功"));
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

File diff suppressed because it is too large
+ 1 - 0
js/lib/axios.min.js


File diff suppressed because it is too large
+ 12 - 0
js/lib/swiper-bundle.min.js


File diff suppressed because it is too large
+ 10 - 0
js/lib/vue.min.js


+ 40 - 0
js/news-detail-mobile.js
View File 

@@ -0,0 +1,40 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+  },
 
+  mounted() {
 
+    const id = location.href.split("?id=")[1];
 
+    this.getDetail(id);
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(id) {
 
+      Service.get_news_detail({ id })
 
+        .then((res) => {
 
+          this.info = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    downloadFile() {
 
+      const a = document.createElement("a");
 
+      a.href = Service.baseURL + this.info.url;
 
+      a.download = decodeURI(this.info[this.lan_key("url_name")] + ".docx");
 
+      document.body.appendChild(a);
 
+      a.click();
 
+      document.body.removeChild(a); // 下载完移除元素
 
+    },
 
+    back() {
 
+      history.go(-1);
 
+    },
 
+  },
 
+});

+ 40 - 0
js/news-detail.js
View File 

@@ -0,0 +1,40 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+  },
 
+  mounted() {
 
+    const id = location.href.split("?id=")[1];
 
+    this.getDetail(id);
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(id) {
 
+      Service.get_news_detail({ id })
 
+        .then((res) => {
 
+          this.info = res;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    downloadFile() {
 
+      const a = document.createElement("a");
 
+      a.href = Service.baseURL + this.info.url;
 
+      a.download = decodeURI(this.info[this.lan_key("url_name")] + ".docx");
 
+      document.body.appendChild(a);
 
+      a.click();
 
+      document.body.removeChild(a); // 下载完移除元素
 
+    },
 
+    back() {
 
+      history.go(-1);
 
+    },
 
+  },
 
+});

+ 56 - 0
js/news-mobile.js
View File 

@@ -0,0 +1,56 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    list: [],
 
+    total: 0,
 
+    params: {
 
+      page: 1,
 
+      page_num: 6,
 
+    },
 
+    pagination_list: [],
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    changeCurrent(val) {
 
+      if (val == this.params.page || val == "...") return;
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+      this.getList();
 
+    },
 
+    setPaginationList() {
 
+      const allNum = Math.ceil(this.total / this.params.page_num);
 
+      this.pagination_list = new Array(allNum)
 
+        .fill(null)
 
+        .map((_, index) => {
 
+          if (index == 0 || index == allNum - 1) return index + 1;
 
+          return Math.abs(index + 1 - this.params.page) >= 2
 
+            ? Math.abs(index + 1 - this.params.page) == 2
 
+              ? "..."
 
+              : ""
 
+            : index + 1;
 
+        })
 
+        .filter((i) => i);
 
+    },
 
+    getList() {
 
+      Service.get_news(this.params)
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          this.total = res.total;
 
+          this.setPaginationList();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 56 - 0
js/news.js
View File 

@@ -0,0 +1,56 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    list: [],
 
+    total: 0,
 
+    params: {
 
+      page: 1,
 
+      page_num: 6,
 
+    },
 
+    pagination_list: [],
 
+  },
 
+  mounted() {
 
+    this.getList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    changeCurrent(val) {
 
+      if (val == this.params.page || val == "...") return;
 
+      if (val < 1 || val > Math.ceil(this.total / this.params.page_num)) return;
 
+      this.params.page = val;
 
+      this.getList();
 
+    },
 
+    setPaginationList() {
 
+      const allNum = Math.ceil(this.total / this.params.page_num);
 
+      this.pagination_list = new Array(allNum)
 
+        .fill(null)
 
+        .map((_, index) => {
 
+          if (index == 0 || index == allNum - 1) return index + 1;
 
+          return Math.abs(index + 1 - this.params.page) >= 2
 
+            ? Math.abs(index + 1 - this.params.page) == 2
 
+              ? "..."
 
+              : ""
 
+            : index + 1;
 
+        })
 
+        .filter((i) => i);
 
+    },
 
+    getList() {
 
+      Service.get_news(this.params)
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          this.total = res.total;
 
+          this.setPaginationList();
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 33 - 0
js/product-detail-mobile.js
View File 

@@ -0,0 +1,33 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+    feature_list: [],
 
+    sku_list: [],
 
+  },
 
+  mounted() {
 
+    const id = location.href.split("?id=")[1];
 
+    this.getDetail(id);
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(id) {
 
+      Service.get_product_detail({ id })
 
+        .then((res) => {
 
+          this.info = res;
 
+          this.feature_list = res.get_feature;
 
+          this.sku_list = res.get_sku;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 33 - 0
js/product-detail.js
View File 

@@ -0,0 +1,33 @@
 
+import language from "./common/language.js";
 
+import Service from "./common/service.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    info: {},
 
+    feature_list: [],
 
+    sku_list: [],
 
+  },
 
+  mounted() {
 
+    const id = location.href.split("?id=")[1];
 
+    this.getDetail(id);
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getDetail(id) {
 
+      Service.get_product_detail({ id })
 
+        .then((res) => {
 
+          this.info = res;
 
+          this.feature_list = res.get_feature;
 
+          this.sku_list = res.get_sku;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 53 - 0
js/product-mobile.js
View File 

@@ -0,0 +1,53 @@
 
+import Service from "./common/service.js";
 
+import language from "./common/language.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    current_index: 0,
 
+    tab_list: [],
 
+    list: [],
 
+    total: 0,
 
+  },
 
+  computed: {
 
+    current_tab() {
 
+      return `calc((100% - ${this.tab_list.length * 6.25}rem) / 2 + ${
 
+        (this.current_index + 0.5) * 6.25
 
+      }rem - 1.5rem)`;
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getTabList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getTabList() {
 
+      Service.get_product_cate()
 
+        .then((res) => {
 
+          this.tab_list = res;
 
+          this.getList(0);
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    getList(index) {
 
+      this.current_index = index;
 
+      Service.get_product({
 
+        page: 1,
 
+        cate_id: this.tab_list[this.current_index].id,
 
+      })
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          this.total = res.total;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 53 - 0
js/product.js
View File 

@@ -0,0 +1,53 @@
 
+import Service from "./common/service.js";
 
+import language from "./common/language.js";
 
+new Vue({
 
+  el: "#app",
 
+  data: {
 
+    current_index: 0,
 
+    tab_list: [],
 
+    list: [],
 
+    total: 0,
 
+  },
 
+  computed: {
 
+    current_tab() {
 
+      return `calc((100% - ${this.tab_list.length * 15}rem) / 2 + ${
 
+        (this.current_index + 0.5) * 15
 
+      }rem - 1.75rem)`;
 
+    },
 
+  },
 
+  mounted() {
 
+    this.getTabList();
 
+  },
 
+  methods: {
 
+    text(val) {
 
+      return language[val][localStorage.getItem("language")];
 
+    },
 
+    lan_key(val) {
 
+      return `${val}${localStorage.getItem("language") == "en" ? "_en" : ""}`;
 
+    },
 
+    getTabList() {
 
+      Service.get_product_cate()
 
+        .then((res) => {
 
+          this.tab_list = res;
 
+          this.getList(0);
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+    getList(index) {
 
+      this.current_index = index;
 
+      Service.get_product({
 
+        page: 1,
 
+        cate_id: this.tab_list[this.current_index].id,
 
+      })
 
+        .then((res) => {
 
+          this.list = res.data;
 
+          this.total = res.total;
 
+        })
 
+        .catch((err) => {
 
+          console.log(err);
 
+        });
 
+    },
 
+  },
 
+});

+ 125 - 0
news-detail-mobile.html
View File 

@@ -0,0 +1,125 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/news-detail-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="title">{{info[lan_key('name')]}}</div>
 
+        <div class="time">{{text('发布时间')}}：{{info.time}}</div>
 
+        <div class="card">
 
+          <div class="content" v-html="info[lan_key('content')]"></div>
 
+          <div class="download" v-if="info.url">
 
+            <div class="name">{{info[lan_key('url_name')]}}</div>
 
+            <div class="a-btn btn" @click="downloadFile">
 
+              {{text('下载附件')}}
 
+            </div>
 
+          </div>
 
+          <div class="next" v-if="info.nfront">
 
+            <div class="label">{{text('上一篇')}}</div>
 
+            <a class="link" :href="'/news-detail.html?id=' + info.nfront.id"
 
+              >{{info.nfront[lan_key('name')]}}</a
 
+            >
 
+          </div>
 
+          <div class="next" v-if="info.nafter">
 
+            <div class="label">{{text('下一篇')}}</div>
 
+            <a class="link" :href="'/news-detail.html?id=' + info.nafter.id"
 
+              >{{info.nafter[lan_key('name')]}}</a
 
+            >
 
+          </div>
 
+          <div class="back" @click="back()">
 
+            {{text('返回列表')}} <span>›</span>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/news-detail-mobile.js"></script>
 
+  </body>
 
+</html>

+ 137 - 0
news-detail.html
View File 

@@ -0,0 +1,137 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/news-detail.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img
 
+          class="header-logo"
 
+          :src="baseURL + config.web_logo_color"
 
+          alt=""
 
+        />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="title">{{info[lan_key('name')]}}</div>
 
+        <div class="time">{{text('发布时间')}}：{{info.time}}</div>
 
+        <div class="card">
 
+          <div class="content" v-html="info[lan_key('content')]"></div>
 
+          <div class="download" v-if="info.url">
 
+            <div class="name">{{info[lan_key('url_name')]}}</div>
 
+            <div class="a-btn btn" @click="downloadFile">
 
+              {{text('下载附件')}}
 
+            </div>
 
+          </div>
 
+          <div class="next" v-if="info.nfront">
 
+            <div class="label">{{text('上一篇')}}</div>
 
+            <a class="link" :href="'/news-detail.html?id=' + info.nfront.id"
 
+              >{{info.nfront[lan_key('name')]}}</a
 
+            >
 
+          </div>
 
+          <div class="next" v-if="info.nafter">
 
+            <div class="label">{{text('下一篇')}}</div>
 
+            <a class="link" :href="'/news-detail.html?id=' + info.nafter.id"
 
+              >{{info.nafter[lan_key('name')]}}</a
 
+            >
 
+          </div>
 
+          <div class="back" @click="back()">
 
+            {{text('返回列表')}} <span>›</span>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/news-detail.js"></script>
 
+  </body>
 
+</html>

+ 139 - 0
news-mobile.html
View File 

@@ -0,0 +1,139 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/banner-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/news-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="list">
 
+          <div class="list-item" v-for="item in list">
 
+            <img class="item-cover" :src="item.image" alt="" />
 
+            <div class="item-bottom">
 
+              <div class="item-time">{{item.time}}</div>
 
+              <div class="item-title">{{item[lan_key('name')]}}</div>
 
+              <div class="item-detail">{{item[lan_key('description')]}}</div>
 
+              <a
 
+                class="item-view-detail"
 
+                :href="'/news-detail-mobile.html?id=' + item.id"
 
+                >{{text('阅读详情')}}</a
 
+              >
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <div class="pagination">
 
+          <div class="pagination-item" @click="changeCurrent(params.page - 1)">
 
+            ‹
 
+          </div>
 
+          <div
 
+            class="pagination-item"
 
+            v-for="index in pagination_list"
 
+            :class="{ current: index == params.page}"
 
+            @click="changeCurrent(index)"
 
+          >
 
+            {{index}}
 
+          </div>
 
+          <div class="pagination-item" @click="changeCurrent(params.page + 1)">
 
+            ›
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/banner-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/news-mobile.js"></script>
 
+  </body>
 
+</html>

+ 145 - 0
news.html
View File 

@@ -0,0 +1,145 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>新闻资讯</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/banner.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/news.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="list">
 
+          <div class="list-item" v-for="item in list">
 
+            <img class="item-cover" :src="item.image" alt="" />
 
+            <div class="item-time">{{item.time}}</div>
 
+            <div class="item-title">{{item[lan_key('name')]}}</div>
 
+            <div class="item-detail">{{item[lan_key('description')]}}</div>
 
+            <a
 
+              class="item-view-detail"
 
+              :href="'/news-detail.html?id=' + item.id"
 
+              >{{text('阅读详情')}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="pagination">
 
+          <div class="pagination-item" @click="changeCurrent(params.page - 1)">
 
+            ‹
 
+          </div>
 
+          <div
 
+            class="pagination-item"
 
+            v-for="index in Math.ceil(total/params.page_num)"
 
+            :class="{ current: index == params.page}"
 
+            @click="changeCurrent(index)"
 
+          >
 
+            {{index}}
 
+          </div>
 
+          <div class="pagination-item" @click="changeCurrent(params.page + 1)">
 
+            ›
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/banner.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/news.js"></script>
 
+  </body>
 
+</html>

+ 120 - 0
product-detail-mobile.html
View File 

@@ -0,0 +1,120 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>产品详情</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/product-detail-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="product">
 
+          <div class="product-name">{{info[lan_key('name')]}}</div>
 
+          <div class="product-desc">{{info[lan_key('description')]}}</div>
 
+          <img class="product-image" :src="info.image" alt="" />
 
+        </div>
 
+        <div class="title">{{text('功能特点')}}</div>
 
+        <!-- <div class="content" v-html="info[lan_key('content')]"></div> -->
 
+        <div class="content feature">
 
+          <div class="feature-item" v-for="item in feature_list">
 
+            <div class="feature-title">{{item[lan_key('title')]}}</div>
 
+            <div class="feature-content">{{item[lan_key('content')]}}</div>
 
+          </div>
 
+        </div>
 
+        <div class="title">{{text('产品规格')}}</div>
 
+        <div class="content sku">
 
+          <div class="sku-item" v-for="item in sku_list">
 
+            <div class="sku-mark"></div>
 
+            <div class="sku-content">{{item[lan_key('title')]}}</div>
 
+          </div>
 
+        </div>
 
+        <!-- <div class="content" v-html="info[lan_key('tech_content')]"></div> -->
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/product-detail-mobile.js"></script>
 
+  </body>
 
+</html>

+ 138 - 0
product-detail.html
View File 

@@ -0,0 +1,138 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>产品详情</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/product-detail.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="
 
+          background: transparent;
 
+          --color: #fff;
 
+          box-shadow: 0 0.0625rem 0.875rem -0.375rem rgba(0, 0, 0, 0.3);
 
+        "
 
+      >
 
+        <img
 
+          class="header-logo"
 
+          :src="baseURL + config.web_logo_color"
 
+          alt=""
 
+        />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="product">
 
+          <div class="product-info">
 
+            <div class="info-name">{{info[lan_key('name')]}}</div>
 
+            <div class="info-desc">{{info[lan_key('description')]}}</div>
 
+          </div>
 
+          <img class="product-image" :src="info.image" alt="" />
 
+        </div>
 
+        <div class="title">{{text('功能特点')}}</div>
 
+        <!-- <div class="content" v-html="info[lan_key('content')]"></div> -->
 
+        <div class="content feature">
 
+          <div class="feature-item" v-for="item in feature_list">
 
+            <div class="feature-title">{{item[lan_key('title')]}}</div>
 
+            <div class="feature-content">{{item[lan_key('content')]}}</div>
 
+          </div>
 
+        </div>
 
+        <div class="title">{{text('产品规格')}}</div>
 
+        <!-- <div class="content" v-html="info[lan_key('tech_content')]"></div> -->
 
+        <div class="content sku">
 
+          <div class="sku-item" v-for="item in sku_list">
 
+            <div class="sku-mark"></div>
 
+            <div class="sku-content">{{item[lan_key('title')]}}</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/product-detail.js"></script>
 
+  </body>
 
+</html>

+ 127 - 0
product-mobile.html
View File 

@@ -0,0 +1,127 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>产品中心</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/banner-mobile.css" />
 
+    <link rel="stylesheet" href="./css/components/footer-mobile.css" />
 
+    <link rel="stylesheet" href="./css/product-mobile.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div id="header" class="header" style="background: #fff">
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-right">
 
+          <div class="header-language">
 
+            <span
 
+              :class="[current_language=='chs'?'current':'no-current']"
 
+              @click="changeLanguage('chs')"
 
+              >中文</span
 
+            ><span>/</span
 
+            ><span
 
+              :class="[current_language=='en'?'current':'no-current']"
 
+              @click="changeLanguage('en')"
 
+              >EN</span
 
+            >
 
+          </div>
 
+          <img
 
+            class="header-menu"
 
+            :src="`./static/${menu_show?'close':'menu'}.png`"
 
+            @click="menu_show = !menu_show"
 
+          />
 
+        </div>
 
+        <div
 
+          class="header-nav"
 
+          :style="{height:menu_show?'calc(100vh - 2.75rem)':'0'}"
 
+        >
 
+          <a v-for="item in path_list" :href="item.path">
 
+            <span :class="{'current':current_path.includes(item.path)}">
 
+              {{text(item.name)}}
 
+            </span>
 
+            <span class="icon">›</span>
 
+          </a>
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="tab">
 
+          <div
 
+            class="tab-item"
 
+            v-for="(item,index) in tab_list"
 
+            @click="getList(index)"
 
+          >
 
+            {{item[lan_key('name')]}}
 
+          </div>
 
+          <div class="current-tab" :style="{ left: current_tab }"></div>
 
+        </div>
 
+        <div class="content">
 
+          <div class="content-item" v-for="item in list">
 
+            <div class="title">{{item[lan_key('name')]}}</div>
 
+            <div class="detail">{{item[lan_key('description')]}}</div>
 
+            <a class="more" :href="'product-detail-mobile.html?id=' + item.id"
 
+              >{{text('了解更多')}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <img
 
+          class="footer-company"
 
+          :src="baseURL + config.web_logo_footer"
 
+          alt=""
 
+        />
 
+        <div class="footer-page">
 
+          <a
 
+            class="footer-page-item"
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="footer-info" v-if="config.web_tel && config.web_tel.tel1">
 
+          <img class="footer-icon" src="./static/phone.png" alt="" />
 
+          <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/email.png" alt="" />
 
+          <span>{{config.web_email}}</span>
 
+        </div>
 
+        <div class="footer-info">
 
+          <img class="footer-icon" src="./static/place.png" alt="" />
 
+          <span>{{config[lan_key('web_company_address')]}}</span>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-ICP">{{config[lan_key('web_copyright')]}}</div>
 
+        <a class="footer-ICP" :href="config.web_beian_url"
 
+          >{{config.web_beian}}</a
 
+        >
 
+        <div class="footer-term">
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=1"
 
+            >{{text('法律声明')}}</a
 
+          >
 
+          <span>|</span>
 
+          <a class="footer-term-item" href="/agreement-mobile.html?type=2"
 
+            >{{text('隐私条款')}}</a
 
+          >
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header-mobile.js"></script>
 
+    <script type="module" src="./js/components/banner-mobile.js"></script>
 
+    <script type="module" src="./js/components/footer-mobile.js"></script>
 
+    <script type="module" src="./js/product-mobile.js"></script>
 
+  </body>
 
+</html>

+ 135 - 0
product.html
View File 

@@ -0,0 +1,135 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>产品中心</title>
 
+    <link rel="stylesheet" href="./css/common/default.css" />
 
+    <link rel="stylesheet" href="./css/components/header.css" />
 
+    <link rel="stylesheet" href="./css/components/banner.css" />
 
+    <link rel="stylesheet" href="./css/components/footer.css" />
 
+    <link rel="stylesheet" href="./css/product.css" />
 
+    <script src="./js/lib/vue.min.js"></script>
 
+    <script src="./js/lib/axios.min.js"></script>
 
+    <script src="./js/common/browser-resize.js"></script>
 
+  </head>
 
+  <body>
 
+    <div class="wrap">
 
+      <div
 
+        id="header"
 
+        class="header"
 
+        style="background: transparent; --color: #fff"
 
+      >
 
+        <img class="header-logo" :src="logo_path" alt="" />
 
+        <div class="header-nav">
 
+          <a
 
+            v-for="item in path_list"
 
+            :href="item.path"
 
+            :class="{'current':current_path.includes(item.path)}"
 
+            >{{text(item.name)}}</a
 
+          >
 
+        </div>
 
+        <div class="header-language">
 
+          <span
 
+            :class="[current_language=='chs'?'current':'no-current']"
 
+            @click="changeLanguage('chs')"
 
+            >中文(简体)</span
 
+          >
 
+          <span>|</span>
 
+          <span
 
+            :class="[current_language=='en'?'current':'no-current']"
 
+            @click="changeLanguage('en')"
 
+            >English</span
 
+          >
 
+        </div>
 
+      </div>
 
+      <div
 
+        id="banner"
 
+        class="banner"
 
+        :style="{backgroundImage:`url(${image})`}"
 
+      >
 
+        <div class="banner-title">{{title}}</div>
 
+      </div>
 
+      <div id="app">
 
+        <div class="tab">
 
+          <div
 
+            class="tab-item"
 
+            v-for="(item,index) in tab_list"
 
+            @click="getList(index)"
 
+          >
 
+            {{item[lan_key('name')]}}
 
+          </div>
 
+          <div class="current-tab" :style="{ left: current_tab }"></div>
 
+        </div>
 
+        <div class="content">
 
+          <div class="content-item" v-for="item in list">
 
+            <div class="title">{{item[lan_key('name')]}}</div>
 
+            <div class="detail">{{item[lan_key('description')]}}</div>
 
+            <a class="more" :href="'product-detail.html?id=' + item.id"
 
+              >{{text('了解更多')}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div id="footer" class="footer">
 
+        <div class="footer-company-page">
 
+          <!-- <div class="footer-company">蓝芯算力(深圳)科技有限公司</div> -->
 
+          <img
 
+            class="footer-company"
 
+            :src="baseURL + config.web_logo_footer"
 
+            alt=""
 
+          />
 
+          <div class="footer-page">
 
+            <a
 
+              class="footer-page-item"
 
+              v-for="item in path_list"
 
+              :href="item.path"
 
+              >{{text(item.name)}}</a
 
+            >
 
+          </div>
 
+        </div>
 
+        <div class="footer-email-time">
 
+          <div class="footer-email footer-info">
 
+            <img class="footer-icon" src="./static/email.png" alt="" />
 
+            <span>{{config.web_email}}</span>
 
+          </div>
 
+          <!-- <div class="footer-time">周一至周日9:00-18:00 (法定节假日除外)</div> -->
 
+        </div>
 
+        <div class="footer-place-phone">
 
+          <div class="footer-place footer-info">
 
+            <img class="footer-icon" src="./static/place.png" alt="" />
 
+            <span>{{config[lan_key('web_company_address')]}}</span>
 
+          </div>
 
+          <div
 
+            class="footer-phone footer-info"
 
+            v-if="config.web_tel && config.web_tel.tel1"
 
+          >
 
+            <img class="footer-icon" src="./static/phone.png" alt="" />
 
+            <span>{{config.web_tel?config.web_tel.tel1:'-'}}</span>
 
+          </div>
 
+        </div>
 
+        <div class="footer-line"></div>
 
+        <div class="footer-term-ICP">
 
+          <div class="footer-term">
 
+            <a class="footer-term-item" href="/agreement.html?type=1"
 
+              >{{text('法律声明')}}</a
 
+            >
 
+            <span>|</span>
 
+            <a class="footer-term-item" href="/agreement.html?type=2"
 
+              >{{text('隐私条款')}}</a
 
+            >
 
+          </div>
 
+          <div class="footer-ICP">
 
+            {{config[lan_key('web_copyright')]}}&emsp;
 
+            <a :href="config.web_beian_url">{{config.web_beian}}</a>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <script type="module" src="./js/components/header.js"></script>
 
+    <script type="module" src="./js/components/banner.js"></script>
 
+    <script type="module" src="./js/components/footer.js"></script>
 
+    <script type="module" src="./js/product.js"></script>
 
+  </body>
 
+</html>

BIN
static/close.png
View File


BIN
static/email.png
View File


BIN
static/menu.png
View File


BIN
static/phone.png
View File


BIN
static/place.png
View File


BIN
static/toleft.png
View File


BIN
static/toright.png
View File


Some files were not shown because too many files changed in this diff