产品课程相关

src/pages/aboutUs/index.vue

@@ -1,7 +1,9 @@
 <template>
   <div class="wrap index">
+    <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'"
+        :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">
@@ -109,7 +111,8 @@
             :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)">
+                <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">
@@ -130,8 +133,8 @@
 
           <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">
+              <template v-for="(item, i) in modules[9].list">
+                <li v-if="item.isEnable" :key="i">
                   <img :src="item.pic" alt="">
                 </li>
               </template>
@@ -139,6 +142,7 @@
           </scroll>
         </div>
       </div>
+    </template>
   </div>
 </template>
 

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的情况下未能缩进两个字符）

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> -->

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;

src/pages/index/list/index.vue

@@ -1,5 +1,6 @@
 <template>
-  <div v-if="modules.length" class="wrap">
+  <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'">
@@ -34,6 +35,7 @@
           </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;

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">

src/pages/news/index.vue

@@ -1,15 +1,13 @@
 <template>
   <div class="wrap">
+    <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="">
+          <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>
@@ -17,136 +15,89 @@
       </el-carousel>
 
       <div class="newsTab">
-      <ul class="scollBox wow fadeInLeft"
-          ref="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>
+            <li v-if="item.columnName" :class="{ active: i == curColumn }" :key="i" @click="tabChange($event, i)">{{
+              item.columnName }}</li>
           </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"
+        <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=""
+            <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>
+              <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>
+                <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>
 
           <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="">
+              <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=""
+                  <img class="arrow" src="@/assets/images/arrow.png" alt=""
                     @click="toArtice(item, modules[1].list[curColumn])">
                 </div>
               </li>
             </template>
           </ul>
-        <div class="more wow fadeInDown"
-             data-wow-delay="0.5s"
-             @click="toMore">more ></div>
+          <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=""
+          <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="des" v-html="articles[0].mainBody"></div>
               </div>
             </div>
-          <div v-if="articles.length > 1"
-               class="right wow fadeInRight"
-               data-wow-delay="0.5s">
+            <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="">
+                <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="">
+                <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="">
+                  <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 class="des" v-html="item.mainBody"></div>
                     </div>
-                  <img class="arrow"
-                       src="@/assets/images/arrow.png"
-                       alt=""
-                       @click="toArtice(item, modules[3].form)">
+                    <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 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>
@@ -154,18 +105,10 @@
       <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=""
+          <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">
@@ -174,48 +117,30 @@
                 </div>
                 <div>
                   <h6>{{ articles1[0].title }}</h6>
-                <div class="des"
-                     v-html="articles1[0].mainBody"></div>
+                  <div class="des" v-html="articles1[0].mainBody"></div>
                 </div>
               </div>
             </div>
-          <ul class="card-list wow fadeInRight"
-              data-wow-delay="0.5s">
+            <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="">
+                <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="">
+                    <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="">
+                    <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="">
+                    <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="">
+                    <p v-if="item.offlineLocation" class="text">
+                      <img class="icon" src="@/assets/images/location.png" alt="">
                       <span>Address: {{ item.offlineLocation }}</span>
                     </p>
                   </div>
@@ -223,14 +148,13 @@
               </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"
+          <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,33 +319,41 @@ 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;
     }
   }
 }
+
 .banner-item {
   .banner-name {
     font-size: 2.16rem;
   }
 }
+
 .block {
   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;
@@ -432,42 +364,52 @@ export default {
     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;
   }
 }
+
 .lg {
   .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 {
@@ -476,11 +418,13 @@ export default {
       }
     }
   }
+
   .inds {
     position: absolute;
     bottom: 2.5rem;
     left: 3.75rem;
     display: flex;
+
     li {
       width: 0.625rem;
       height: 0.625rem;
@@ -488,6 +432,7 @@ export default {
       background: #ffffff;
       border-radius: 50%;
       transition: 0.2s;
+
       &.active {
         width: 1.875rem;
         background: rgba(255, 255, 255, 0.3);
@@ -495,21 +440,25 @@ export default {
       }
     }
   }
+
   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;
@@ -522,25 +471,31 @@ export default {
     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;
     }
   }
+
   .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;
@@ -551,10 +506,12 @@ export default {
     line-height: 1.7rem;
     -webkit-line-clamp: 2;
   }
+
   .arrow {
     width: 2.25rem;
   }
 }
+
 .more {
   width: 23.375rem;
   margin: 3.625rem auto 0;
@@ -566,29 +523,36 @@ export default {
   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;
       color: #272727;
     }
+
     .des {
       margin-top: 10px;
       font-size: 0.88rem;
@@ -596,13 +560,16 @@ export default {
       line-height: 1.714rem;
     }
   }
+
   .right {
     width: 60%;
     overflow: hidden;
   }
+
   .show-card {
     display: flex;
     margin-bottom: 1.25rem;
+
     li {
       position: relative;
       height: auto;
@@ -613,15 +580,18 @@ export default {
         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;
@@ -637,31 +607,38 @@ export default {
       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 {
       width: calc(100% - 15rem);
       margin-right: 3.5rem;
     }
+
     h6 {
       margin-bottom: 10px;
       font-size: 1rem;
@@ -672,6 +649,7 @@ export default {
       text-overflow: ellipsis;
       overflow: hidden;
     }
+
     .des {
       font-size: 0.7rem;
       color: #666;
@@ -679,44 +657,54 @@ export default {
       text-shadow: 0px 0px 30px rgba(48, 48, 48, 0.08);
       -webkit-line-clamp: 2;
     }
+
     .arrow {
       width: 2rem;
     }
   }
 }
+
 .conference {
   background: #072947;
+
   .b-title,
   .intro {
     color: #fff;
   }
+
   .shows {
     display: flex;
   }
+
   .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;
@@ -724,15 +712,18 @@ export default {
       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;
@@ -740,8 +731,10 @@ export default {
       line-height: 1.3714rem;
     }
   }
+
   .card-list {
     width: 50%;
+
     li {
       display: flex;
       padding: 0.8rem;
@@ -751,38 +744,47 @@ export default {
       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;
     }
@@ -794,17 +796,21 @@ export default {
     overflow-x: scroll;
     display: -webkit-box;
   }
+
   .shop-shows {
     .left {
       width: 50%;
     }
+
     .right {
       width: 48%;
     }
+
     .card-list {
       .pic {
         margin-right: 1rem;
       }
+
       .texts {
         width: calc(100% - 11rem);
         margin-right: 1rem;
@@ -812,56 +818,72 @@ export default {
     }
   }
 }
+
 @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 {
     flex-direction: column;
+
     .left {
       width: 100%;
     }
+
     .right {
       width: 100%;
       margin: 20px auto;
+
       .show-card {
         flex-direction: column;
+
         li {
           width: 100%;
+
           .pic {
             width: 100%;
           }
@@ -869,17 +891,21 @@ export default {
       }
     }
   }
+
   .conference {
     .shows {
       flex-direction: column;
     }
+
     .left {
       width: 100%;
       margin-right: 0;
     }
+
     .card-list {
       width: 100%;
       margin-top: 20px;
+
       .text {
         margin-bottom: 4px;
       }

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/'
 }