From f093e88379b74cb6b889810b3053e6b4d1a7ded8 Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Wed, 19 Jun 2024 15:54:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BA=A7=E5=93=81=E8=AF=BE=E7=A8=8B=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/aboutUs/index.vue    |  246 +++---
 src/pages/article/index.vue    |    4 +-
 src/pages/column/index.vue     |    2 +-
 src/pages/course/index.vue     |   27 +-
 src/pages/index/list/index.vue |   86 ++-
 src/pages/index/show/index.vue |    2 +-
 src/pages/news/index.vue       | 1306 ++++++++++++++++----------------
 src/setting.js                 |    2 +-
 8 files changed, 860 insertions(+), 815 deletions(-)

diff --git a/src/pages/aboutUs/index.vue b/src/pages/aboutUs/index.vue
index b9c1d7b..0270ddb 100644
--- a/src/pages/aboutUs/index.vue
+++ b/src/pages/aboutUs/index.vue
@@ -1,144 +1,148 @@
 <template>
   <div class="wrap index">
-    <el-carousel v-if="modules[0].list.length && modules[0].list.filter(e => e.isEnable).length" class="carousel"
-      :interval="6000" height="480px" :arrow="(modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-      <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-          <div v-if="isImg(item.mediaType)" class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
-          <video v-else class="pic" width="100%" height="100%" autoplay muted loop>
-            <source :src="item.pic" type="video/mp4">
-            您的浏览器不支持 video 标签。
-          </video>
-          <div class="text-wrap">
-            <div class="text" v-html="item.des"></div>
-            <div v-if="!GTA" class="qrcodes fadeInUp">
-              <div class="qrcode">
-                <img width="103" :src="item.weixinPic1" alt="">
-                <p class="text">{{ item.weixinText1 }}</p>
-              </div>
-              <div class="qrcode m-l-30">
-                <img width="103" :src="item.weixinPic2" alt="">
-                <p class="text">{{ item.weixinText2 }}</p>
+    <template v-if="modules.length">
+      <el-carousel v-if="modules[0].list.length && modules[0].list.filter(e => e.isEnable).length" class="carousel"
+        :interval="6000" height="480px"
+        :arrow="(modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+        :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <template v-for="(item, i) in modules[0].list">
+          <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+            <div v-if="isImg(item.mediaType)" class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
+            <video v-else class="pic" width="100%" height="100%" autoplay muted loop>
+              <source :src="item.pic" type="video/mp4">
+              您的浏览器不支持 video 标签。
+            </video>
+            <div class="text-wrap">
+              <div class="text" v-html="item.des"></div>
+              <div v-if="!GTA" class="qrcodes fadeInUp">
+                <div class="qrcode">
+                  <img width="103" :src="item.weixinPic1" alt="">
+                  <p class="text">{{ item.weixinText1 }}</p>
+                </div>
+                <div class="qrcode m-l-30">
+                  <img width="103" :src="item.weixinPic2" alt="">
+                  <p class="text">{{ item.weixinText2 }}</p>
+                </div>
               </div>
             </div>
+          </el-carousel-item>
+        </template>
+      </el-carousel>
+
+      <div v-else class="banner fadeInUp">
+        <img class="texts" src="https://huorantech.com/images/about/banner-text.png" alt="">
+        <div v-if="!GTA" class="qrcodes">
+          <div class="qrcode">
+            <img width="103" src="https://huorantech.com/images/about/qrcode.jpg" alt="">
+            <p class="text">扫一扫，关注公众号</p>
+          </div>
+          <div class="qrcode m-l-30">
+            <img width="103" src="@/assets/images/mini-program-sm.jpg" alt="">
+            <p class="text">扫一扫，登录职站商城</p>
           </div>
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-
-    <div v-else class="banner fadeInUp">
-      <img class="texts" src="https://huorantech.com/images/about/banner-text.png" alt="">
-      <div v-if="!GTA" class="qrcodes">
-        <div class="qrcode">
-          <img width="103" src="https://huorantech.com/images/about/qrcode.jpg" alt="">
-          <p class="text">扫一扫，关注公众号</p>
-        </div>
-        <div class="qrcode m-l-30">
-          <img width="103" src="@/assets/images/mini-program-sm.jpg" alt="">
-          <p class="text">扫一扫，登录职站商城</p>
         </div>
       </div>
-    </div>
-
-    <div class="intro">
-      <div class="inner">
-        <div class="pics">
-          <div class="text">
-            <div class="title-wrap">
-              <p class="title fadeInLeft">{{ modules[1].form.title }}</p>
-              <p class="brief fadeInLeft">{{ modules[1].form.subTitle1 }}</p>
-              <p class="en fadeInRight">{{ modules[1].form.subTitle2 }}</p>
+
+      <div class="intro">
+        <div class="inner">
+          <div class="pics">
+            <div class="text">
+              <div class="title-wrap">
+                <p class="title fadeInLeft">{{ modules[1].form.title }}</p>
+                <p class="brief fadeInLeft">{{ modules[1].form.subTitle1 }}</p>
+                <p class="en fadeInRight">{{ modules[1].form.subTitle2 }}</p>
+              </div>
+              <div class="desc animate" v-html="modules[1].form.des"></div>
             </div>
-            <div class="desc animate" v-html="modules[1].form.des"></div>
+            <img class="bg fadeInRight" :src="modules[1].form.pic" alt="">
           </div>
-          <img class="bg fadeInRight" :src="modules[1].form.pic" alt="">
         </div>
       </div>
-    </div>
-    <div class="service-intro">
-      <div class="inner">
-        <h6>{{ modules[2].form.title }}</h6>
-        <p class="text">{{ modules[2].form.des }}</p>
-      </div>
-    </div>
-    <div class="culture">
-      <div class="inner">
-        <h6 class="i-title animate">{{ modules[3].form.title }}</h6>
-        <p class="en fadeInUp">{{ modules[3].form.des }}</p>
-        <ul class="list">
-          <template v-for="(item, i) in modules[4].list">
-            <li v-if="item.isEnable" :key="i" class="fadeInUp">
-              <img :src="item.pic" alt="">
-              <h6>{{ item.title }}</h6>
-              <div class="text" v-html="item.des"></div>
-            </li>
-          </template>
-        </ul>
+      <div class="service-intro">
+        <div class="inner">
+          <h6>{{ modules[2].form.title }}</h6>
+          <p class="text">{{ modules[2].form.des }}</p>
+        </div>
       </div>
-    </div>
-
-    <!-- 为什么加入我们 -->
-    <div class="adv" id="part2">
-      <div class="inner">
-        <h6 class="i-title animate">{{ modules[5].form.title }}</h6>
-        <p class="en fadeInUp">{{ modules[5].form.subTitle }}</p>
-        <p class="title-des animate">{{ modules[5].form.des }}</p>
-
-        <ul class="list">
-          <template v-for="(item, i) in modules[6].list">
-            <li v-if="item.isEnable" :key="i" class="fadeInUp">
-              <img :src="item.pic" alt="">
-              <h6>{{ item.title }}</h6>
-              <div class="text" v-html="item.des"></div>
-            </li>
-          </template>
-        </ul>
+      <div class="culture">
+        <div class="inner">
+          <h6 class="i-title animate">{{ modules[3].form.title }}</h6>
+          <p class="en fadeInUp">{{ modules[3].form.des }}</p>
+          <ul class="list">
+            <template v-for="(item, i) in modules[4].list">
+              <li v-if="item.isEnable" :key="i" class="fadeInUp">
+                <img :src="item.pic" alt="">
+                <h6>{{ item.title }}</h6>
+                <div class="text" v-html="item.des"></div>
+              </li>
+            </template>
+          </ul>
+        </div>
       </div>
-    </div>
-    <!-- 合作客户 -->
-    <div class="client">
-      <div class="inner">
-        <h6 class="i-title animate">{{ modules[7].form.title }}</h6>
-        <p class="en fadeInUp">{{ modules[7].form.subTitle }}</p>
-        <p class="title-des animate">{{ modules[7].form.des }}</p>
-
-
-        <el-carousel class="carousel" height="372px" :interval="6000"
-          :arrow="(modules[8] && modules[8].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-          :indicator-position="modules[8].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-          <template v-for="(item, i) in modules[8].list">
-            <el-carousel-item v-if="item.isEnable" :key="i">
-              <div class="client-pic" :class="{ 'cursor-pointer': isLink(item.link.linkName) }" @click="openLink(item)">
-                <img class="bg fadeInLeft" :src="item.pic" alt="">
-                <div class="text fadeInRight">
-                  <div class="c-title1">
-                    <img src="https://huorantech.com/images/index/comma1.png" alt="">
-                    {{ item.title }}
-                  </div>
-                  <div class="text" v-html="item.des"></div>
-                  <div class="c-title2">
-                    {{ item.subTitle }}
-                    <img src="https://huorantech.com/images/index/comma2.png" alt="">
-                  </div>
-                </div>
-              </div>
-            </el-carousel-item>
-          </template>
-        </el-carousel>
 
+      <!-- 为什么加入我们 -->
+      <div class="adv" id="part2">
+        <div class="inner">
+          <h6 class="i-title animate">{{ modules[5].form.title }}</h6>
+          <p class="en fadeInUp">{{ modules[5].form.subTitle }}</p>
+          <p class="title-des animate">{{ modules[5].form.des }}</p>
 
-        <scroll class="clients" :data="clients" :class-option="{ limitMoveNum: 2, direction: 2 }">
-          <ul class="client-list" ref="client">
-            <template v-for="item in modules[9].list">
-              <li v-if="item.isEnable" :key="item">
+          <ul class="list">
+            <template v-for="(item, i) in modules[6].list">
+              <li v-if="item.isEnable" :key="i" class="fadeInUp">
                 <img :src="item.pic" alt="">
+                <h6>{{ item.title }}</h6>
+                <div class="text" v-html="item.des"></div>
               </li>
             </template>
           </ul>
-        </scroll>
+        </div>
+      </div>
+      <!-- 合作客户 -->
+      <div class="client">
+        <div class="inner">
+          <h6 class="i-title animate">{{ modules[7].form.title }}</h6>
+          <p class="en fadeInUp">{{ modules[7].form.subTitle }}</p>
+          <p class="title-des animate">{{ modules[7].form.des }}</p>
+
+
+          <el-carousel class="carousel" height="372px" :interval="6000"
+            :arrow="(modules[8] && modules[8].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+            :indicator-position="modules[8].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+            <template v-for="(item, i) in modules[8].list">
+              <el-carousel-item v-if="item.isEnable" :key="i">
+                <div class="client-pic" :class="{ 'cursor-pointer': isLink(item.link.linkName) }"
+                  @click="openLink(item)">
+                  <img class="bg fadeInLeft" :src="item.pic" alt="">
+                  <div class="text fadeInRight">
+                    <div class="c-title1">
+                      <img src="https://huorantech.com/images/index/comma1.png" alt="">
+                      {{ item.title }}
+                    </div>
+                    <div class="text" v-html="item.des"></div>
+                    <div class="c-title2">
+                      {{ item.subTitle }}
+                      <img src="https://huorantech.com/images/index/comma2.png" alt="">
+                    </div>
+                  </div>
+                </div>
+              </el-carousel-item>
+            </template>
+          </el-carousel>
+
+
+          <scroll class="clients" :data="clients" :class-option="{ limitMoveNum: 2, direction: 2 }">
+            <ul class="client-list" ref="client">
+              <template v-for="(item, i) in modules[9].list">
+                <li v-if="item.isEnable" :key="i">
+                  <img :src="item.pic" alt="">
+                </li>
+              </template>
+            </ul>
+          </scroll>
+        </div>
       </div>
-    </div>
+    </template>
   </div>
 </template>
 
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 94304de..45de276 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -88,7 +88,7 @@ export default {
           }
         ]
         if (temId == 69) this.isParty = 1 // 组织架构（articleTemplate=69）是另一套主题，加个class即可
-        if (temId == 72) this.isPeople = 1 // 人物详情（articleTemplate=72）要隐藏除了正文和摘要以外的所有字段
+        if (temId == 72 || temId == 80) this.isPeople = 1 // 人物详情（articleTemplate=72或者80）要隐藏除了正文和摘要以外的所有字段
         if (cache.releaseTime) cache.releaseTime = cache.releaseTime.split(' ')[0]
         this.loaded = true
       } else {
@@ -117,7 +117,7 @@ export default {
               this.$router.replace((temId === 25 ? '/article/activity' : '/publish/show') + path)
             } else {
               if (temId == 69) this.isParty = 1 // 组织架构（articleTemplate=69）是另一套主题，加个class即可
-              if (temId == 72) this.isPeople = 1 // 人物详情（articleTemplate=72）要隐藏除了正文和摘要以外的所有字段
+              if (temId == 72 || temId == 72) this.isPeople = 1 // 人物详情（articleTemplate=72或者80）要隐藏除了正文和摘要以外的所有字段
               data.releaseTime = data.releaseTime.split(' ')[0]
               this.form = data
               // 手动修复tinymce缩进bug（p标签下包裹多个子元素，p标签上只有text-indent，没有font-size，导致缩进2em的情况下未能缩进两个字符）
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 251642d..4cfb639 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -94,7 +94,7 @@
               <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
               <div v-if="info.listStyleId === 77" class="detail">
 
-                <template v-if="article.articleTemplate != 72">
+                <template v-if="article.articleTemplate != 72 && article.articleTemplate != 80">
                   <h2>{{ article.title }}</h2>
                   <!-- <div class="meta">{{ article.source && article.source + ' | ' }} {{ article.author && article.author + ' | ' }} {{ article.releaseTime }}</div>
                   <div class="meta">{{ article.edit && $t('column.edit') + '：' + article.edit }} {{ article.audit && ' | ' + $t('column.auditor') + '：' + article.audit }} {{ article.label && ' | ' + $t('column.label') + '：' + article.label }}</div> -->
diff --git a/src/pages/course/index.vue b/src/pages/course/index.vue
index 8a76adb..7c903bc 100644
--- a/src/pages/course/index.vue
+++ b/src/pages/course/index.vue
@@ -10,7 +10,7 @@
       </div>
     </div>
 
-    <div class="bg">
+    <div v-loading="loading" class="bg">
       <div class="inner">
         <el-tree v-if="hasChildren && !keyword" class="columns" ref="leftColumn" :data="columns" highlight-current
           :expand-on-click-node="false" default-expand-all :props="defaultProps" node-key="id"
@@ -34,13 +34,11 @@
               <dd :class="{ active: form.classificationTagId === '' }" @click="changeType('')">不限</dd>
               <dd v-for="(item, i) in classifications" :key="i"
                 :class="{ active: form.classificationTagId === item.categoryId }" @click="changeType(item.categoryId)">
-                {{
-                  item.name }}</dd>
+                {{ item.name }}</dd>
             </dl>
           </div>
 
           <div class="courses">
-            <!-- <div class="course-bg"></div> -->
             <template v-if="list.length">
               <ul>
                 <li v-for="(item, index) in list" :key="index" @click="toDetail(item)">
@@ -82,11 +80,11 @@
 
 <script>
 import mixins from '@/mixins/page'
-import { Loading } from "element-ui";
 export default {
   mixins: [mixins],
   data () {
     return {
+      loading: false,
       info: {},
       columnBanner: '',
       columns: [],
@@ -158,9 +156,22 @@ export default {
         this.loadIns.close()
       })
     },
-    getData () {
-      this.loadIns = Loading.service()
-      this.getList()
+    async getData () {
+      try {
+        this.loading = true
+        const { data } = await this.$post(this.api.courseProduct, {
+          ...this.form,
+          siteId: this.site,
+          pageNum: this.page,
+          pageSize: this.pageSize,
+          columnId: this.id,
+          keyWord: this.keyword
+        })
+        this.list = data.records
+        this.total = +data.total
+      } finally {
+        this.loading = false
+      }
     },
     initData () {
       this.page = 1;
diff --git a/src/pages/index/list/index.vue b/src/pages/index/list/index.vue
index daa0d75..bc50ec9 100644
--- a/src/pages/index/list/index.vue
+++ b/src/pages/index/list/index.vue
@@ -1,39 +1,41 @@
 <template>
-  <div v-if="modules.length" class="wrap">
-    <el-carousel class="carousel fadeInUp" :interval="6000" height="354px"
-      :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-      :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-      <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
-          <div class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
-          <div class="text-wrap">
-            <div v-if="!GTA && !i" class="qrcode-wrap">
-              <img class="qrcode" src="https://occupationlab.com/images/mini-program.jpg" alt="">
-              <p class="text">扫小程序下单</p>
-            </div>
-            <div class="texts">
-              <h6>{{ item.title }}</h6>
-              <p class="sub">{{ item.des }}</p>
-            </div>
-          </div>
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-
-    <div class="inner">
-      <ul class="intro">
-        <template v-for="(item, i) in modules[1].list">
-          <li v-if="item.isEnable" :key="i"
-            :class="[{ 'cursor-pointer': isLink(item.link.linkName) }, 'fadeInDown' + i]" @click="openLink(item)">
-            <img :src="item.pic" alt="">
-            <div class="text">
-              <h6>{{ item.title }}</h6>
-              <p class="desc">{{ item.des }}</p>
+  <div v-loading="loading" class="wrap">
+    <template v-if="modules.length">
+      <el-carousel class="carousel fadeInUp" :interval="6000" height="354px"
+        :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+        :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <template v-for="(item, i) in modules[0].list">
+          <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+            <div class="pic" :style="{ backgroundImage: 'url(' + item.pic + ')' }"></div>
+            <div class="text-wrap">
+              <div v-if="!GTA && !i" class="qrcode-wrap">
+                <img class="qrcode" src="https://occupationlab.com/images/mini-program.jpg" alt="">
+                <p class="text">扫小程序下单</p>
+              </div>
+              <div class="texts">
+                <h6>{{ item.title }}</h6>
+                <p class="sub">{{ item.des }}</p>
+              </div>
             </div>
-          </li>
+          </el-carousel-item>
         </template>
-      </ul>
-    </div>
+      </el-carousel>
+
+      <div class="inner">
+        <ul class="intro">
+          <template v-for="(item, i) in modules[1].list">
+            <li v-if="item.isEnable" :key="i"
+              :class="[{ 'cursor-pointer': isLink(item.link.linkName) }, 'fadeInDown' + i]" @click="openLink(item)">
+              <img :src="item.pic" alt="">
+              <div class="text">
+                <h6>{{ item.title }}</h6>
+                <p class="desc">{{ item.des }}</p>
+              </div>
+            </li>
+          </template>
+        </ul>
+      </div>
+    </template>
 
     <div class="inner-wrap">
       <div class="inner">
@@ -159,12 +161,12 @@
 
 <script>
 import mixins from '@/mixins/page'
-import { Loading } from "element-ui";
 import ScrollReveal from 'scrollreveal'
 export default {
   mixins: [mixins],
   data () {
     return {
+      loading: false,
       timer: null,
       curTab: '',
       tabs: [
@@ -340,7 +342,7 @@ export default {
     // 获取列表
     async getData () {
       try {
-        this.loadIns = Loading.service()
+        this.loading = true
         const { data } = await this.$post(this.api.courseProduct, {
           ...this.form,
           siteId: this.site,
@@ -360,7 +362,7 @@ export default {
         this.list = list
         this.total = +data.total
       } finally {
-        this.loadIns.close()
+        this.loading = false
       }
     },
     initData () {
@@ -381,9 +383,10 @@ export default {
     },
     // 学科类别点击
     subjectClick (item) {
-      this.form.subjectCategoryId = item.disciplineId
+      this.form.subjectCategoryId = item ? item.disciplineId : ''
+      this.form.majorId = ''
       this.form.professionalCategoryId = ''
-      this.getProfessionalClassData(this.form)
+      item && this.getProfessionalClassData(this.form)
       this.initData()
     },
     // 获取专业类
@@ -395,9 +398,9 @@ export default {
     },
     // 专业类点击
     professionalClick (item) {
-      this.form.professionalCategoryId = item.professionalClassId
+      this.form.professionalCategoryId = item ? item.professionalClassId : ''
       this.form.majorId = ''
-      this.getProfessionalData(this.form)
+      item && this.getProfessionalData(this.form)
       this.initData()
     },
     // 获取专业
@@ -409,7 +412,7 @@ export default {
     },
     // 专业点击
     majorClick (item) {
-      this.form.majorId = item.professionalId
+      this.form.majorId = item ? item.professionalId : ''
       this.initData()
     },
     // 获取产品类型
@@ -561,6 +564,7 @@ export default {
   }
 
   .inner-wrap {
+    min-height: 394px;
     padding: 18px 0;
     background: url(../../../assets/images/product/bg1.png) 0 159px no-repeat,
       url(../../../assets/images/product/bg2.png) bottom right no-repeat;
diff --git a/src/pages/index/show/index.vue b/src/pages/index/show/index.vue
index 7e2c7ed..200ccac 100644
--- a/src/pages/index/show/index.vue
+++ b/src/pages/index/show/index.vue
@@ -4,7 +4,7 @@
       <Breadcrumb ref="breadcrumb" :data.sync="routes" />
       <div v-loading="loading">
         <!-- 非富文本详情页 -->
-        <template v-if="form.articleTemplate !== 72">
+        <template v-if="form.articleTemplate !== 80">
           <div class="top">
             <el-image class="pic" :src="form.coverImageUrl" :preview-src-list="[form.coverImageUrl]" />
             <div class="right fadeInRight" id="fields">
diff --git a/src/pages/news/index.vue b/src/pages/news/index.vue
index bdc73ea..72b5ddc 100644
--- a/src/pages/news/index.vue
+++ b/src/pages/news/index.vue
@@ -1,236 +1,160 @@
 <template>
   <div class="wrap">
-    <el-carousel :interval="6000"
-                 :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
-                 :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
-      <template v-for="(item, i) in modules[0].list">
-        <el-carousel-item v-if="item.pic && item.isEnable"
-                          :key="i">
-          <div :class="['banner-item', {'cursor-pointer': isLink(item.link.linkName)}]"
-               @click="openLink(item)">
-            <img :src="item.pic"
-                 alt="">
-            <p class="banner-name">{{ item.title }}</p>
-          </div>
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-
-    <div class="newsTab">
-      <ul class="scollBox wow fadeInLeft"
-          ref="newsTab">
-        <template v-for="(item, i) in modules[1].list">
-          <li v-if="item.columnName"
-              :class="{active: i == curColumn}"
-              :key="i"
-              @click="tabChange($event,i)">{{ item.columnName }}</li>
+    <template v-if="modules.length">
+      <el-carousel :interval="6000"
+        :arrow="(modules[0] && modules[0].list.filter(e => e.isEnable).length > 1) ? 'hover' : 'never'"
+        :indicator-position="modules[0].list.filter(e => e.isEnable).length > 1 ? '' : 'none'">
+        <template v-for="(item, i) in modules[0].list">
+          <el-carousel-item v-if="item.pic && item.isEnable" :key="i">
+            <div :class="['banner-item', { 'cursor-pointer': isLink(item.link.linkName) }]" @click="openLink(item)">
+              <img :src="item.pic" alt="">
+              <p class="banner-name">{{ item.title }}</p>
+            </div>
+          </el-carousel-item>
         </template>
-      </ul>
-    </div>
-
-    <div class="block">
-      <div class="inner"
-           v-if="modules[1].list[curColumn].articles && modules[1].list[curColumn].articles.length">
-        <div class="news-banner wow fadeInDown"
-             data-wow-delay="0.5s"
-             @click="toArtice(curArticle, modules[1].list[curColumn])">
-          <img width="50%"
-               height="410"
-               class="titileImg"
-               :src="curArticle.titleImg"
-               alt=""
-               onerror="javascript:this.src='./images/3.png';">
-          <div class="right">
-            <h6>{{ curArticle.title }}</h6>
-            <div class="des"
-                 v-html="curArticle.mainBody"></div>
-            <p class="meta">{{ curArticle.releaseTime }} {{ curArticle.author && ' | ' + curArticle.author }}</p>
-            <ul class="inds">
-              <li v-for="i in modules[1].list[curColumn].articles.length > 2 ? 3 : modules[1].list[curColumn].articles.length"
-                  :key="i"
-                  :class="{active: curInd == i - 1}"
-                  @click.stop="switchCarousel(i - 1)"></li>
-            </ul>
-          </div>
-        </div>
+      </el-carousel>
 
-        <ul class="card">
-          <template v-for="(item, i) in modules[1].list[curColumn].articles">
-            <li v-if="i > 2"
-                :key="i"
-                class="wow fadeInDown"
-                :data-wow-delay="(0.1 * i).toFixed(1) + 's'">
-              <img class="pic"
-                   :src="item.titleImg"
-                   alt="">
-              <div class="texts">
-                <p class="meta">{{ item.releaseTime }} {{ item.author && ' | ' + item.author }}</p>
-                <div class="des">{{ item.title }}</div>
-                <img class="arrow"
-                     src="@/assets/images/arrow.png"
-                     alt=""
-                     @click="toArtice(item, modules[1].list[curColumn])">
-              </div>
-            </li>
+      <div class="newsTab">
+        <ul class="scollBox wow fadeInLeft" ref="newsTab">
+          <template v-for="(item, i) in modules[1].list">
+            <li v-if="item.columnName" :class="{ active: i == curColumn }" :key="i" @click="tabChange($event, i)">{{
+              item.columnName }}</li>
           </template>
         </ul>
-        <div class="more wow fadeInDown"
-             data-wow-delay="0.5s"
-             @click="toMore">more ></div>
       </div>
-    </div>
-
-    <div class="block gray">
-      <div class="inner lg">
-        <h2 class="b-title wow fadeInUp">{{ modules[2].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
-        <div class="shop-shows"
-             v-if="articles.length">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s"
-               @click="toArtice(articles[0], modules[3].form)">
-            <img class="pic"
-                 width="100%"
-                 height="400"
-                 :src="articles[0].titleImg"
-                 alt=""
-                 onerror="javascript:this.src='./images/2.png';">
-            <div class="texts">
-              <h6>{{ articles[0].title }}</h6>
-              <div class="des"
-                   v-html="articles[0].mainBody"></div>
+
+      <div class="block">
+        <div class="inner" v-if="modules[1].list[curColumn].articles && modules[1].list[curColumn].articles.length">
+          <div class="news-banner wow fadeInDown" data-wow-delay="0.5s"
+            @click="toArtice(curArticle, modules[1].list[curColumn])">
+            <img width="50%" height="410" class="titileImg" :src="curArticle.titleImg" alt=""
+              onerror="javascript:this.src='./images/3.png';">
+            <div class="right">
+              <h6>{{ curArticle.title }}</h6>
+              <div class="des" v-html="curArticle.mainBody"></div>
+              <p class="meta">{{ curArticle.releaseTime }} {{ curArticle.author && ' | ' + curArticle.author }}</p>
+              <ul class="inds">
+                <li
+                  v-for="i in modules[1].list[curColumn].articles.length > 2 ? 3 : modules[1].list[curColumn].articles.length"
+                  :key="i" :class="{ active: curInd == i - 1 }" @click.stop="switchCarousel(i - 1)"></li>
+              </ul>
             </div>
           </div>
-          <div v-if="articles.length > 1"
-               class="right wow fadeInRight"
-               data-wow-delay="0.5s">
-            <ul class="show-card">
-              <li v-if="articles[1]"
-                  @click="toArtice(articles[1], modules[3].form)">
-                <img class="pic"
-                     :src="articles[1].titleImg"
-                     alt="">
-                <div class="text">{{ articles[1].title }}</div>
-              </li>
-              <li v-if="articles[2]"
-                  @click="toArtice(articles[2], modules[3].form)">
-                <img class="pic"
-                     :src="articles[2].titleImg"
-                     alt="">
-                <div class="text">{{ articles[2].title }}</div>
+
+          <ul class="card">
+            <template v-for="(item, i) in modules[1].list[curColumn].articles">
+              <li v-if="i > 2" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'">
+                <img class="pic" :src="item.titleImg" alt="">
+                <div class="texts">
+                  <p class="meta">{{ item.releaseTime }} {{ item.author && ' | ' + item.author }}</p>
+                  <div class="des">{{ item.title }}</div>
+                  <img class="arrow" src="@/assets/images/arrow.png" alt=""
+                    @click="toArtice(item, modules[1].list[curColumn])">
+                </div>
               </li>
-            </ul>
-            <ul class="card-list">
-              <template v-for="(item, i) in articles">
-                <li v-if="i > 2"
-                    :key="i">
-                  <img class="pic"
-                       :src="item.titleImg"
-                       alt="">
+            </template>
+          </ul>
+          <div class="more wow fadeInDown" data-wow-delay="0.5s" @click="toMore">more ></div>
+        </div>
+      </div>
+
+      <div class="block gray">
+        <div class="inner lg">
+          <h2 class="b-title wow fadeInUp">{{ modules[2].form.title }}</h2>
+          <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[2].form.des }}</p>
+          <div class="shop-shows" v-if="articles.length">
+            <div class="left wow fadeInLeft" data-wow-delay="0.5s" @click="toArtice(articles[0], modules[3].form)">
+              <img class="pic" width="100%" height="400" :src="articles[0].titleImg" alt=""
+                onerror="javascript:this.src='./images/2.png';">
+              <div class="texts">
+                <h6>{{ articles[0].title }}</h6>
+                <div class="des" v-html="articles[0].mainBody"></div>
+              </div>
+            </div>
+            <div v-if="articles.length > 1" class="right wow fadeInRight" data-wow-delay="0.5s">
+              <ul class="show-card">
+                <li v-if="articles[1]" @click="toArtice(articles[1], modules[3].form)">
+                  <img class="pic" :src="articles[1].titleImg" alt="">
+                  <div class="text">{{ articles[1].title }}</div>
+                </li>
+                <li v-if="articles[2]" @click="toArtice(articles[2], modules[3].form)">
+                  <img class="pic" :src="articles[2].titleImg" alt="">
+                  <div class="text">{{ articles[2].title }}</div>
+                </li>
+              </ul>
+              <ul class="card-list">
+                <template v-for="(item, i) in articles">
+                  <li v-if="i > 2" :key="i">
+                    <img class="pic" :src="item.titleImg" alt="">
+                    <div class="texts">
+                      <h6>{{ item.title }}</h6>
+                      <div class="des" v-html="item.mainBody"></div>
+                    </div>
+                    <img class="arrow" src="@/assets/images/arrow.png" alt="" @click="toArtice(item, modules[3].form)">
+                  </li>
+                </template>
+              </ul>
+            </div>
+          </div>
+          <div class="all-link m-t-10" @click="toAll(modules[3].form)">
+            <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+          </div>
+        </div>
+      </div>
+
+      <div class="block conference">
+        <div class="inner lg">
+          <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
+          <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+          <div class="shows" v-if="articles1.length">
+            <div class="left wow fadeInLeft" data-wow-delay="0.5s" @click="toArtice(articles1[0], modules[5].form)">
+              <img class="pic" width="100%" height="558" :src="articles1[0].titleImg" alt=""
+                onerror="javascript:this.src='./images/1.png';">
+              <div class="texts">
+                <div class="meta">
+                  <p class="date">{{ articles1[0].date }}</p>
+                  <p class="year">{{ articles1[0].month }}</p>
+                </div>
+                <div>
+                  <h6>{{ articles1[0].title }}</h6>
+                  <div class="des" v-html="articles1[0].mainBody"></div>
+                </div>
+              </div>
+            </div>
+            <ul class="card-list wow fadeInRight" data-wow-delay="0.5s">
+              <template v-for="(item, i) in articles1">
+                <li v-if="i" :key="i" @click="toArtice(item, modules[5].form)">
+                  <img class="pic" :src="item.titleImg" alt="">
                   <div class="texts">
                     <h6>{{ item.title }}</h6>
-                    <div class="des"
-                         v-html="item.mainBody"></div>
+                    <p v-if="item.keynoteSpeaker" class="text">
+                      <img class="icon" src="@/assets/images/mine.png" alt="">
+                      <span>{{ item.keynoteSpeaker }}</span>
+                    </p>
+                    <p v-if="item.activityStartTime" class="text">
+                      <img class="icon" src="@/assets/images/time.png" alt="">
+                      <span>Time: {{ item.activityStartTime + ' ~ ' + item.activityEndTime }}</span>
+                    </p>
+                    <p v-if="item.onlineLocation" class="text">
+                      <img class="icon" src="@/assets/images/online.png" alt="">
+                      <span>Onlone: {{ item.onlineLocation }}</span>
+                    </p>
+                    <p v-if="item.offlineLocation" class="text">
+                      <img class="icon" src="@/assets/images/location.png" alt="">
+                      <span>Address: {{ item.offlineLocation }}</span>
+                    </p>
                   </div>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt=""
-                       @click="toArtice(item, modules[3].form)">
                 </li>
               </template>
             </ul>
           </div>
-        </div>
-        <div class="all-link m-t-10"
-             @click="toAll(modules[3].form)">
-          <span>{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
-        </div>
-      </div>
-    </div>
-
-    <div class="block conference">
-      <div class="inner lg">
-        <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-        <p class="intro wow fadeInUp"
-           data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-        <div class="shows"
-             v-if="articles1.length">
-          <div class="left wow fadeInLeft"
-               data-wow-delay="0.5s"
-               @click="toArtice(articles1[0], modules[5].form)">
-            <img class="pic"
-                 width="100%"
-                 height="558"
-                 :src="articles1[0].titleImg"
-                 alt=""
-                 onerror="javascript:this.src='./images/1.png';">
-            <div class="texts">
-              <div class="meta">
-                <p class="date">{{ articles1[0].date }}</p>
-                <p class="year">{{ articles1[0].month }}</p>
-              </div>
-              <div>
-                <h6>{{ articles1[0].title }}</h6>
-                <div class="des"
-                     v-html="articles1[0].mainBody"></div>
-              </div>
-            </div>
+          <div class="all-link m-t-10" @click="toAll(modules[5].form)">
+            <span style="color: #fff">{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png"
+                alt=""></span>
           </div>
-          <ul class="card-list wow fadeInRight"
-              data-wow-delay="0.5s">
-            <template v-for="(item, i) in articles1">
-              <li v-if="i"
-                  :key="i"
-                  @click="toArtice(item, modules[5].form)">
-                <img class="pic"
-                     :src="item.titleImg"
-                     alt="">
-                <div class="texts">
-                  <h6>{{ item.title }}</h6>
-                  <p v-if="item.keynoteSpeaker"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/mine.png"
-                         alt="">
-                    <span>{{ item.keynoteSpeaker }}</span>
-                  </p>
-                  <p v-if="item.activityStartTime"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/time.png"
-                         alt="">
-                    <span>Time: {{ item.activityStartTime + ' ~ ' + item.activityEndTime }}</span>
-                  </p>
-                  <p v-if="item.onlineLocation"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/online.png"
-                         alt="">
-                    <span>Onlone: {{ item.onlineLocation }}</span>
-                  </p>
-                  <p v-if="item.offlineLocation"
-                     class="text">
-                    <img class="icon"
-                         src="@/assets/images/location.png"
-                         alt="">
-                    <span>Address: {{ item.offlineLocation }}</span>
-                  </p>
-                </div>
-              </li>
-            </template>
-          </ul>
-        </div>
-        <div class="all-link m-t-10"
-             @click="toAll(modules[5].form)">
-          <span style="color: #fff">{{$t('column.all')}} <img class="icon"
-                 src="@/assets/images/arrow.png"
-                 alt=""></span>
         </div>
       </div>
-    </div>
+    </template>
   </div>
 </template>
 
@@ -395,495 +319,597 @@ export default {
 <style lang="scss" scoped>
 @import url(../../plugins/wow/animate.css);
 @import '../../styles/page/page.scss';
+
 .wrap {
-    /deep/ .el-carousel {
-        height: 24rem;
-        .el-carousel__container {
-            height: 24rem;
-        }
-        img {
-            height: 24rem;
-        }
+  /deep/ .el-carousel {
+    height: 24rem;
+
+    .el-carousel__container {
+      height: 24rem;
+    }
+
+    img {
+      height: 24rem;
     }
+  }
 }
+
 .banner-item {
-    .banner-name {
-        font-size: 2.16rem;
-    }
+  .banner-name {
+    font-size: 2.16rem;
+  }
 }
+
 .block {
-    padding: 3.85rem 0;
+  padding: 3.85rem 0;
 }
+
 .newsTab {
-    box-shadow: 0px 2px 14px 0px rgba(167, 167, 167, 0.26);
-    .scollBox {
-        width: 85.714rem;
-        margin: auto;
-        display: flex;
-        justify-content: center;
-    }
-    li {
-        flex: 1;
-        text-align: center;
-        padding: 1.25rem 0.95rem;
-        margin: 0 10px;
-        font-size: 1.1rem;
-        color: #333;
-        border-bottom: 4px solid transparent;
-        text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
-        cursor: pointer;
-        &.active {
-            color: #1583ff;
-            border-bottom-color: #1583ff;
-        }
+  box-shadow: 0px 2px 14px 0px rgba(167, 167, 167, 0.26);
+
+  .scollBox {
+    width: 85.714rem;
+    margin: auto;
+    display: flex;
+    justify-content: center;
+  }
+
+  li {
+    flex: 1;
+    text-align: center;
+    padding: 1.25rem 0.95rem;
+    margin: 0 10px;
+    font-size: 1.1rem;
+    color: #333;
+    border-bottom: 4px solid transparent;
+    text-shadow: 0px 2px 14px rgba(167, 167, 167, 0.26);
+    cursor: pointer;
+
+    &.active {
+      color: #1583ff;
+      border-bottom-color: #1583ff;
     }
+  }
 }
+
 /deep/.articles {
-    width: 50%;
-    .el-carousel__indicators--horizontal {
-        bottom: 1.25rem;
-        left: 50.25rem;
-    }
+  width: 50%;
+
+  .el-carousel__indicators--horizontal {
+    bottom: 1.25rem;
+    left: 50.25rem;
+  }
 }
+
 .lg {
-    .intro {
-        margin-bottom: 4rem;
-    }
+  .intro {
+    margin-bottom: 4rem;
+  }
 }
+
 .news-banner {
+  display: flex;
+  cursor: pointer;
+
+  .titileImg {
+    height: auto;
+  }
+
+  .pic {
+    width: 43.75rem;
+    height: 23.75rem;
+  }
+
+  .right {
+    position: relative;
+    width: 50%;
+    padding: 2.5rem 2.5rem 1.5rem;
+    background: #1583ff;
+    color: #fff;
+
+    &:hover {
+      background: #465f85;
+
+      h6,
+      .des,
+      .meta {
+        color: #fff;
+        transform: translateY(15px);
+      }
+    }
+  }
+
+  .inds {
+    position: absolute;
+    bottom: 2.5rem;
+    left: 3.75rem;
     display: flex;
-    cursor: pointer;
-    .titileImg {
-        height: auto;
+
+    li {
+      width: 0.625rem;
+      height: 0.625rem;
+      margin-right: 0.75rem;
+      background: #ffffff;
+      border-radius: 50%;
+      transition: 0.2s;
+
+      &.active {
+        width: 1.875rem;
+        background: rgba(255, 255, 255, 0.3);
+        border-radius: 5px;
+      }
     }
-    .pic {
-        width: 43.75rem;
-        height: 23.75rem;
+  }
+
+  h6 {
+    font-size: 1.2rem;
+    transition: 0.3s;
+  }
+
+  .des {
+    margin: 1.5rem 0;
+    font-size: 0.88rem;
+    line-height: 1.3714rem;
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 0.88rem;
+    transition: 0.3s;
+  }
+}
+
+.card {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 2rem;
+  width: 100%;
+
+  li {
+    width: 32.5%;
+    margin-right: 1%;
+    box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
+    border-radius: 6px;
+    transition: 0.3s;
+
+    &:hover {
+      transform: scale(1.05);
     }
-    .right {
-        position: relative;
-        width: 50%;
-        padding: 2.5rem 2.5rem 1.5rem;
-        background: #1583ff;
-        color: #fff;
-        &:hover {
-            background: #465f85;
-            h6,
-            .des,
-            .meta {
-                color: #fff;
-                transform: translateY(15px);
-            }
-        }
+
+    &:last-child {
+      margin-right: 0;
     }
-    .inds {
-        position: absolute;
-        bottom: 2.5rem;
-        left: 3.75rem;
-        display: flex;
-        li {
-            width: 0.625rem;
-            height: 0.625rem;
-            margin-right: 0.75rem;
-            background: #ffffff;
-            border-radius: 50%;
-            transition: 0.2s;
-            &.active {
-                width: 1.875rem;
-                background: rgba(255, 255, 255, 0.3);
-                border-radius: 5px;
-            }
-        }
+  }
+
+  .pic {
+    width: 100%;
+    height: auto;
+    object-fit: cover;
+  }
+
+  .texts {
+    padding: 2rem 1.5rem;
+  }
+
+  .meta {
+    font-size: 0.88rem;
+    color: #666;
+  }
+
+  .des {
+    height: 3.7rem;
+    margin: 10px 0;
+    font-size: 1.25rem;
+    font-family: SFProDisplay;
+    font-weight: 500;
+    color: #333;
+    line-height: 1.7rem;
+    -webkit-line-clamp: 2;
+  }
+
+  .arrow {
+    width: 2.25rem;
+  }
+}
+
+.more {
+  width: 23.375rem;
+  margin: 3.625rem auto 0;
+  line-height: 64px;
+  font-size: 1.875rem;
+  text-align: center;
+  color: #1583ff;
+  border-radius: 35px;
+  border: 2px solid #2b6cef;
+  cursor: pointer;
+}
+
+.shop-shows {
+  display: flex;
+
+  .left {
+    width: 41.25rem;
+    margin-right: 1.25rem;
+    background-color: #fff;
+    cursor: pointer;
+    overflow: hidden;
+
+    .pic {
+      transition: 0.3s;
+      height: auto;
+      object-fit: cover;
+
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+
+    .texts {
+      padding: 2rem 1.5rem;
     }
+
     h6 {
-        font-size: 1.2rem;
-        transition: 0.3s;
+      font-size: 1.2rem;
+      color: #272727;
     }
+
     .des {
-        margin: 1.5rem 0;
-        font-size: 0.88rem;
-        line-height: 1.3714rem;
-        transition: 0.3s;
-    }
-    .meta {
-        font-size: 0.88rem;
-        transition: 0.3s;
+      margin-top: 10px;
+      font-size: 0.88rem;
+      color: #666;
+      line-height: 1.714rem;
     }
-}
-.card {
+  }
+
+  .right {
+    width: 60%;
+    overflow: hidden;
+  }
+
+  .show-card {
     display: flex;
-    flex-wrap: wrap;
-    margin-top: 2rem;
-    width: 100%;
+    margin-bottom: 1.25rem;
 
     li {
-        width: 32.5%;
-        margin-right: 1%;
-        box-shadow: 0px 0px 20px 0px rgba(176, 176, 176, 0.21);
-        border-radius: 6px;
-        transition: 0.3s;
-        &:hover {
-            transform: scale(1.05);
-        }
-        &:last-child {
-            margin-right: 0;
-        }
+      position: relative;
+      height: auto;
+      overflow: hidden;
+      cursor: pointer;
+
+      &:first-child {
+        margin-right: 1.375rem;
+      }
     }
+
     .pic {
-        width: 100%;
-        height: auto;
-        object-fit: cover;
+      width: 25rem;
+      height: 12.3125rem;
+      transition: 0.3s;
+      object-fit: cover;
+
+      &:hover {
+        transform: scale(1.05);
+      }
+    }
+
+    .text {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+      font-size: 0.88rem;
+      color: #fff;
+      padding: 0 1rem;
+      line-height: 48px;
+      text-align: center;
+      @include ellipsis;
+      background: rgba(0, 0, 0, 0.49);
+      box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
     }
+  }
+
+  .card-list {
+    padding: 1.5rem 1.3rem;
+    background-color: #fff;
+
+    li {
+      display: inline-flex;
+      align-items: center;
+      margin-bottom: 0.9rem;
+      transition: 0.3s;
+
+      &:hover {
+        transform: scale(1.05);
+      }
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .pic {
+      width: 8rem;
+      height: auto;
+      margin-right: 1.5rem;
+      object-fit: cover;
+    }
+
     .texts {
-        padding: 2rem 1.5rem;
+      width: calc(100% - 15rem);
+      margin-right: 3.5rem;
     }
-    .meta {
-        font-size: 0.88rem;
-        color: #666;
+
+    h6 {
+      margin-bottom: 10px;
+      font-size: 1rem;
+      color: #272727;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
+
     .des {
-        height: 3.7rem;
-        margin: 10px 0;
-        font-size: 1.25rem;
-        font-family: SFProDisplay;
-        font-weight: 500;
-        color: #333;
-        line-height: 1.7rem;
-        -webkit-line-clamp: 2;
+      font-size: 0.7rem;
+      color: #666;
+      line-height: 1.4rem;
+      text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
+      -webkit-line-clamp: 2;
     }
+
     .arrow {
-        width: 2.25rem;
+      width: 2rem;
     }
+  }
 }
-.more {
-    width: 23.375rem;
-    margin: 3.625rem auto 0;
-    line-height: 64px;
-    font-size: 1.875rem;
-    text-align: center;
-    color: #1583ff;
-    border-radius: 35px;
-    border: 2px solid #2b6cef;
-    cursor: pointer;
-}
-.shop-shows {
+
+.conference {
+  background: #072947;
+
+  .b-title,
+  .intro {
+    color: #fff;
+  }
+
+  .shows {
     display: flex;
-    .left {
-        width: 41.25rem;
-        margin-right: 1.25rem;
-        background-color: #fff;
-        cursor: pointer;
-        overflow: hidden;
-        .pic {
-            transition: 0.3s;
-            height: auto;
-            object-fit: cover;
-            &:hover {
-                transform: scale(1.05);
-            }
-        }
-        .texts {
-            padding: 2rem 1.5rem;
-        }
-        h6 {
-            font-size: 1.2rem;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 0.88rem;
-            color: #666;
-            line-height: 1.714rem;
-        }
+  }
+
+  .left {
+    width: 44.875rem;
+    margin-right: 20px;
+    overflow: hidden;
+    cursor: pointer;
+
+    .pic {
+      transition: 0.3s;
+      height: auto;
+      object-fit: cover;
+
+      &:hover {
+        transform: scale(1.05);
+      }
     }
-    .right {
-        width: 60%;
-        overflow: hidden;
+
+    .texts {
+      display: flex;
+      padding: 3.78rem 1.5rem;
+      background-color: #fff;
     }
-    .show-card {
-        display: flex;
-        margin-bottom: 1.25rem;
-        li {
-            position: relative;
-            height: auto;
-            overflow: hidden;
-            cursor: pointer;
 
-            &:first-child {
-                margin-right: 1.375rem;
-            }
-        }
-        .pic {
-            width: 25rem;
-            height: 12.3125rem;
-            transition: 0.3s;
-            object-fit: cover;
-            &:hover {
-                transform: scale(1.05);
-            }
-        }
-        .text {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 100%;
-            font-size: 0.88rem;
-            color: #fff;
-            padding: 0 1rem;
-            line-height: 48px;
-            text-align: center;
-            @include ellipsis;
-            background: rgba(0, 0, 0, 0.49);
-            box-shadow: 0px 0px 30px 0px rgba(48, 48, 48, 0.08);
-        }
+    .meta {
+      padding: 0.5714rem 1.314rem 0.5714rem 0;
+      margin-right: 1.828rem;
+      text-align: center;
+      border-right: 1px solid #ddd;
     }
-    .card-list {
-        padding: 1.5rem 1.3rem;
-        background-color: #fff;
-        li {
-            display: inline-flex;
-            align-items: center;
-            margin-bottom: 0.9rem;
-            transition: 0.3s;
-            &:hover {
-                transform: scale(1.05);
-            }
-            &:last-child {
-                margin-bottom: 0;
-            }
-        }
-        .pic {
-            width: 8rem;
-            height: auto;
-            margin-right: 1.5rem;
-            object-fit: cover;
-        }
-        .texts {
-            width: calc(100% - 15rem);
-            margin-right: 3.5rem;
-        }
-        h6 {
-            margin-bottom: 10px;
-            font-size: 1rem;
-            color: #272727;
-            display: -webkit-box;
-            -webkit-box-orient: vertical;
-            -webkit-line-clamp: 1;
-            text-overflow: ellipsis;
-            overflow: hidden;
-        }
-        .des {
-            font-size: 0.7rem;
-            color: #666;
-            line-height: 1.4rem;
-            text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
-            -webkit-line-clamp: 2;
-        }
-        .arrow {
-            width: 2rem;
-        }
+
+    .date {
+      font-size: 2.5714rem;
+      font-family: DINAlternate-Bold, DINAlternate;
+      font-weight: bold;
+      color: #1f1f1f;
+      line-height: 2.9714rem;
     }
-}
-.conference {
-    background: #072947;
-    .b-title,
-    .intro {
-        color: #fff;
+
+    .year {
+      font-size: 0.9142rem;
+      white-space: nowrap;
+      color: #666;
     }
-    .shows {
-        display: flex;
+
+    h6 {
+      font-size: 1.1428rem;
+      color: #272727;
     }
-    .left {
-        width: 44.875rem;
-        margin-right: 20px;
-        overflow: hidden;
-        cursor: pointer;
-        .pic {
-            transition: 0.3s;
-            height: auto;
-            object-fit: cover;
-            &:hover {
-                transform: scale(1.05);
-            }
-        }
-        .texts {
-            display: flex;
-            padding: 3.78rem 1.5rem;
-            background-color: #fff;
-        }
-        .meta {
-            padding: 0.5714rem 1.314rem 0.5714rem 0;
-            margin-right: 1.828rem;
-            text-align: center;
-            border-right: 1px solid #ddd;
-        }
-        .date {
-            font-size: 2.5714rem;
-            font-family: DINAlternate-Bold, DINAlternate;
-            font-weight: bold;
-            color: #1f1f1f;
-            line-height: 2.9714rem;
-        }
-        .year {
-            font-size: 0.9142rem;
-            white-space: nowrap;
-            color: #666;
-        }
-        h6 {
-            font-size: 1.1428rem;
-            color: #272727;
-        }
-        .des {
-            margin-top: 10px;
-            font-size: 0.8rem;
-            color: #666;
-            line-height: 1.3714rem;
-        }
+
+    .des {
+      margin-top: 10px;
+      font-size: 0.8rem;
+      color: #666;
+      line-height: 1.3714rem;
     }
-    .card-list {
-        width: 50%;
-        li {
-            display: flex;
-            padding: 0.8rem;
-            margin-bottom: 0.7rem;
-            background-color: #fff;
-            cursor: pointer;
-            align-items: center;
-            transition: 0.3s;
-            height: 9rem;
-            &:last-child {
-                margin-bottom: 0;
-            }
-            &:hover {
-                transform: translateX(20px);
-            }
-        }
-        .pic {
-            width: 10rem;
-            height: auto;
-            margin-right: 1.5rem;
-            object-fit: cover;
-        }
-        .texts {
-            width: calc(100% - 11.5rem);
-        }
-        h6 {
-            margin-bottom: 5px;
-            font-size: 1rem;
-            color: #333;
-            @include ellipsis();
-        }
-        .text {
-            display: flex;
-            align-items: center;
-            &:last-child {
-                margin-bottom: 0;
-            }
-            span {
-                @include ellipsis();
-            }
-        }
-        .icon {
-            margin-right: 5px;
-        }
+  }
+
+  .card-list {
+    width: 50%;
+
+    li {
+      display: flex;
+      padding: 0.8rem;
+      margin-bottom: 0.7rem;
+      background-color: #fff;
+      cursor: pointer;
+      align-items: center;
+      transition: 0.3s;
+      height: 9rem;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      &:hover {
+        transform: translateX(20px);
+      }
+    }
+
+    .pic {
+      width: 10rem;
+      height: auto;
+      margin-right: 1.5rem;
+      object-fit: cover;
+    }
+
+    .texts {
+      width: calc(100% - 11.5rem);
+    }
+
+    h6 {
+      margin-bottom: 5px;
+      font-size: 1rem;
+      color: #333;
+      @include ellipsis();
     }
+
+    .text {
+      display: flex;
+      align-items: center;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      span {
+        @include ellipsis();
+      }
+    }
+
+    .icon {
+      margin-right: 5px;
+    }
+  }
 }
 
 @media (max-width: 1200px) {
-    .newsTab {
-        overflow-x: scroll;
-        display: -webkit-box;
+  .newsTab {
+    overflow-x: scroll;
+    display: -webkit-box;
+  }
+
+  .shop-shows {
+    .left {
+      width: 50%;
     }
-    .shop-shows {
-        .left {
-            width: 50%;
-        }
-        .right {
-            width: 48%;
-        }
-        .card-list {
-            .pic {
-                margin-right: 1rem;
-            }
-            .texts {
-                width: calc(100% - 11rem);
-                margin-right: 1rem;
-            }
-        }
+
+    .right {
+      width: 48%;
+    }
+
+    .card-list {
+      .pic {
+        margin-right: 1rem;
+      }
+
+      .texts {
+        width: calc(100% - 11rem);
+        margin-right: 1rem;
+      }
     }
+  }
 }
+
 @media (max-width: 640px) {
-    .block {
-        padding: 50px 0;
-        .inner {
-            .more {
-                width: 100%;
-                margin: 20px auto 0;
-            }
-            .news-banner {
-                flex-direction: column;
-                img {
-                    width: 100%;
-                }
-                .right {
-                    margin-top: 10px;
-                    width: 100%;
-                    .inds {
-                        left: 50%;
-                        margin-left: -43px;
-                    }
-                }
-            }
-            .card {
-                flex-direction: column;
-                .wow {
-                    width: 95%;
-                    margin: 20px auto;
-                }
-            }
-            .b-title {
-                font-size: 20px;
-            }
-            .intro {
-                font-size: 15px;
-                margin-bottom: 50px;
-            }
-        }
-    }
-    .shop-shows {
+  .block {
+    padding: 50px 0;
+
+    .inner {
+      .more {
+        width: 100%;
+        margin: 20px auto 0;
+      }
+
+      .news-banner {
         flex-direction: column;
-        .left {
-            width: 100%;
+
+        img {
+          width: 100%;
         }
+
         .right {
-            width: 100%;
-            margin: 20px auto;
-            .show-card {
-                flex-direction: column;
-                li {
-                    width: 100%;
-                    .pic {
-                        width: 100%;
-                    }
-                }
-            }
-        }
-    }
-    .conference {
-        .shows {
-            flex-direction: column;
+          margin-top: 10px;
+          width: 100%;
+
+          .inds {
+            left: 50%;
+            margin-left: -43px;
+          }
         }
-        .left {
-            width: 100%;
-            margin-right: 0;
+      }
+
+      .card {
+        flex-direction: column;
+
+        .wow {
+          width: 95%;
+          margin: 20px auto;
         }
-        .card-list {
+      }
+
+      .b-title {
+        font-size: 20px;
+      }
+
+      .intro {
+        font-size: 15px;
+        margin-bottom: 50px;
+      }
+    }
+  }
+
+  .shop-shows {
+    flex-direction: column;
+
+    .left {
+      width: 100%;
+    }
+
+    .right {
+      width: 100%;
+      margin: 20px auto;
+
+      .show-card {
+        flex-direction: column;
+
+        li {
+          width: 100%;
+
+          .pic {
             width: 100%;
-            margin-top: 20px;
-            .text {
-                margin-bottom: 4px;
-            }
+          }
         }
+      }
     }
+  }
+
+  .conference {
+    .shows {
+      flex-direction: column;
+    }
+
+    .left {
+      width: 100%;
+      margin-right: 0;
+    }
+
+    .card-list {
+      width: 100%;
+      margin-top: 20px;
+
+      .text {
+        margin-bottom: 4px;
+      }
+    }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/setting.js b/src/setting.js
index e2a4e65..38c8386 100644
--- a/src/setting.js
+++ b/src/setting.js
@@ -7,7 +7,7 @@ const isGta = url.includes('139.159.254.212'); // 国泰安
 let host = `${location.origin}/`
 if (isDev) {
   host = 'http://192.168.31.217:10000/'
-  // host = 'https://huorantech.com'
+  host = 'https://huorantech.com'
   // host = 'http://139.159.254.212/'
 }