From 89ff07085982bd3baeea50784e5d35144fe0e26f Mon Sep 17 00:00:00 2001
From: yujialong <479214531@qq.com>
Date: Fri, 5 Jul 2024 11:31:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=A0=94=E7=A9=B6=E9=99=A2?=
 =?UTF-8?q?=E6=8F=90=E5=87=BA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/rightColumns/index.vue |  126 +-
 src/mixins/page/index.js              |   44 +-
 src/pages/article/index.vue           |   63 +-
 src/pages/column/index.vue            |  639 ++++----
 src/pages/iasf/index.vue              | 2015 +++++++++++++------------
 src/store/modules/content.js          |    6 +-
 src/store/modules/layout.js           |   26 +-
 7 files changed, 1491 insertions(+), 1428 deletions(-)

diff --git a/src/components/rightColumns/index.vue b/src/components/rightColumns/index.vue
index 08e12ac..3857652 100644
--- a/src/components/rightColumns/index.vue
+++ b/src/components/rightColumns/index.vue
@@ -1,44 +1,29 @@
 <template>
-  <div :class="['right', {party}]">
-    <el-tree class="column"
-             ref="column"
-             :data="columns"
-             highlight-current
-             :expand-on-click-node="false"
-             :props="defaultProps"
-             node-key="id"
-             @node-click="columnTo"></el-tree>
+  <div :class="['right', { party }]">
+    <el-tree class="column" ref="column" :data="columns" highlight-current :expand-on-click-node="false"
+      :props="defaultProps" node-key="id" @node-click="columnTo"></el-tree>
 
     <template v-if="site == 2">
       <p class="l-title">{{ $t('column.latestNews') }}</p>
       <ul class="list">
-        <li v-for="(item, i) in site2News"
-            :key="i"
-            :title="item.title"
-            @click="toArtice(item)">
+        <li v-for="(item, i) in site2News" :key="i" :title="item.title" @click="toArtice(item)">
           <p class="text">{{ item.title }}</p>
           <span class="date">{{ item.releaseTime }}</span>
         </li>
       </ul>
     </template>
     <template v-else>
-      <p class="l-title">{{$t('column.hot')}}</p>
+      <p class="l-title">{{ $t('column.hot') }}</p>
       <ul class="list">
-        <li v-for="(item, i) in hots"
-            :key="i"
-            :title="item.title"
-            @click="toArtice(item)">
+        <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
           <p class="text">{{ item.title }}</p>
           <span class="date">{{ item.releaseTime }}</span>
         </li>
       </ul>
 
-      <p class="l-title">{{$t('column.latestNews')}}</p>
+      <p class="l-title">{{ $t('column.latestNews') }}</p>
       <ul class="list">
-        <li v-for="(item, i) in news"
-            :key="i"
-            :title="item.title"
-            @click="toArtice(item)">
+        <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
           <p class="text">{{ item.title }}</p>
           <span class="date">{{ item.releaseTime }}</span>
         </li>
@@ -91,7 +76,7 @@ export default {
           siteId: this.site,
           columnIds: [411, 412, 413],
           pageNum: 1,
-          pageSize: 8,
+          pageSize: 5,
         })).then(({ data }) => {
           this.site2News = Util.removeTag(data.records);
         }).catch((res) => { });
@@ -110,55 +95,66 @@ export default {
 </script>
 <style lang="scss" scoped>
 .right {
-    width: 20%;
-    /deep/ .el-tree-node__label {
-        font-size: 0.78rem;
-    }
+  width: 20%;
+
+  /deep/ .el-tree-node__label {
+    font-size: 0.78rem;
+  }
 }
+
 .column {
-    width: 100%;
-    margin-bottom: 1.56rem;
+  width: 100%;
+  margin-bottom: 1.56rem;
 
-    .el-tree-node:focus > .el-tree-node__content {
-        background-color: #e5edf8;
-    }
-    /deep/.el-tree-node__content {
-        height: 2.75rem;
-        background-color: #e5edf8;
-        border-bottom: 2px solid #fff;
-    }
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        color: #fff;
-        background-color: #0f5698;
-    }
+  .el-tree-node:focus>.el-tree-node__content {
+    background-color: #e5edf8;
+  }
+
+  /deep/.el-tree-node__content {
+    height: 2.75rem;
+    background-color: #e5edf8;
+    border-bottom: 2px solid #fff;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    color: #fff;
+    background-color: #0f5698;
+  }
 }
+
 .list {
-    margin-bottom: 20px;
-    li {
-        padding: 16px 0;
-        border-bottom: 1px solid #d8d8d8;
-    }
-    .text {
-        margin-bottom: 5px;
-        font-size: 14px;
-        cursor: pointer;
-        &:hover {
-            color: $main-color;
-        }
-    }
-    .date {
-        font-size: 12px;
-        color: #999;
+  margin-bottom: 20px;
+
+  li {
+    padding: 16px 0;
+    border-bottom: 1px solid #d8d8d8;
+  }
+
+  .text {
+    margin-bottom: 5px;
+    font-size: 14px;
+    cursor: pointer;
+
+    &:hover {
+      color: $main-color;
     }
+  }
+
+  .date {
+    font-size: 12px;
+    color: #999;
+  }
 }
+
 .party {
-    .el-tree-node:focus > .el-tree-node__content,
-    /deep/.el-tree-node__content {
-        background-color: $lightPartyTheme;
-    }
 
-    /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-        background-color: $partyTheme;
-    }
+  .el-tree-node:focus>.el-tree-node__content,
+  /deep/.el-tree-node__content {
+    background-color: $lightPartyTheme;
+  }
+
+  /deep/.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+    background-color: $partyTheme;
+  }
 }
 </style>
diff --git a/src/mixins/page/index.js b/src/mixins/page/index.js
index 3e4fbc5..1dc0b9b 100644
--- a/src/mixins/page/index.js
+++ b/src/mixins/page/index.js
@@ -1,7 +1,7 @@
 import Setting from '@/setting'
 import Util from '@/libs/util'
 export default {
-  data() {
+  data () {
     return {
       id: this.$route.query.id,
       preview: this.$route.query.preview,
@@ -10,25 +10,29 @@ export default {
     }
   },
   computed: {
-    site() {
+    site () {
       return this.$route.query.siteId || this.$store.state.content.site
     }
   },
-  mounted() {
+  mounted () {
     this.getInfo && this.id && this.getColumnInfo()
   },
   methods: {
     // 获取栏目详情
     getColumnInfo () {
       this.$post(this.api.findColumn, Util.rsa(this.id))
-          .then(({ data }) => {
-						// 栏目被禁用了，则不显示页面
-            data.menuVisible || this.getInfo()
-          })
-          .catch((res) => { });
+        .then(({ data }) => {
+          // 栏目被禁用了，则不显示页面
+          data.menuVisible || this.getInfo()
+        })
+        .catch((res) => { });
+    },
+    // 保存当前页面的滚动位置
+    saveScrollTop () {
+      this.$store.commit('content/setScrollTop', document.documentElement.scrollTop || document.body.scrollTop)
     },
     // 打开链接
-    async openLink(item) {
+    async openLink (item) {
       const { link } = item
       if (link.linkName === '无' || link.linkName === '') return false
       let href = link.linkAddress
@@ -62,33 +66,36 @@ export default {
         href += '&siteId=' + link.site
         if (!link.otherArticleId) href = this.$router.resolve(href).href
       }
+
+      this.saveScrollTop()
       // 如果是站内/站外链接，并且选择的是文章，则要获取当前长页名称传到文章详情里，面包屑点返回的时候需要返回到当前长页
       if ((type === 1 && link.articleId) || (type === 3 && link.otherArticleId)) {
         this.$post(this.api.findColumn, Util.rsa(this.id)).then(({ data }) => {
           href = this.$router.resolve(href + '&id=' + this.id + '&columnName=' + data.columnName + '&path=' + this.$route.path.replace('/', '')).href
           this.toHref(link.isOpen, href)
-        }).catch(res => {})
+        }).catch(res => { })
       } else {
         this.toHref(link.isOpen, href)
       }
     },
     // 跳转地址
-    toHref(isOpen, href) {
+    toHref (isOpen, href) {
       if (isOpen) {
         var userAgent = navigator.userAgent;
         var isSafari = /Safari/.test(userAgent) && !/Chrome/.test(userAgent);
-        if(isSafari) {
+        if (isSafari) {
           window.location.href = href
-        }else {
+        } else {
           window.open(href)
         }
       } else {
-        
+
         window.location.href = href
       }
     },
     // 跳转文章页面
-    toArtice(item, form) {
+    toArtice (item, form) {
+      this.saveScrollTop()
       if (item.articleTemplate === 24) { // 链接
         let href = item.linkAddress
         const cType = item.connectionType
@@ -112,15 +119,16 @@ export default {
       }
     },
     // 关联栏目的查看全部跳转
-    toAll(form) {
+    toAll (form) {
+      this.saveScrollTop()
       this.$router.push(`/column?id=${form.column[form.column.length - 1]}&siteId=${form.site}`)
     },
     // 判断是否有添加链接
-    isLink(linkName) {
+    isLink (linkName) {
       return linkName !== '无' && linkName !== ''
     },
     // 关联栏目专用，获取栏目标题
-    getColumnTitle(form) {
+    getColumnTitle (form) {
       return form.columnTitle == 1 ? form.columnName : form.columnTitleCustom
     }
   }
diff --git a/src/pages/article/index.vue b/src/pages/article/index.vue
index 669fdf7..a8038b8 100644
--- a/src/pages/article/index.vue
+++ b/src/pages/article/index.vue
@@ -1,35 +1,38 @@
 <template>
-  <div v-show="loaded" class="wrap">
-    <!-- 人物详情不展示banner -->
-    <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
-      :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
-      {{ form.columnName }}
-    </div>
-    <div class="content">
-      <Breadcrumb ref="breadcrumb" :data.sync="routes" />
-      <div class="article">
-        <div class="left">
-          <template v-if="!isPeople">
-            <h2>{{ form.title }}</h2>
-            <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
-              form.releaseTime }}</div>
-            <div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' +
-              $t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' + form.label
-              }}</div>
-          </template>
-          <p v-if="form.summary" class="brief">{{ form.summary }}</p>
-          <div class="des" id="mainBody" v-html="form.mainBody"></div>
-          <div v-if="form.fileList && form.fileList.length" class="annex">
-            <h6>{{ $t('column.attachmentDownload') }}</h6>
-            <ul class="files">
-              <li v-for="(file, i) in form.fileList" :key="i">
-                <span class="name">{{ file.fileName }}</span>
-                <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
-              </li>
-            </ul>
+  <div class="wrap">
+    <div v-show="loaded">
+      <!-- 人物详情不展示banner -->
+      <div v-if="form.articleTemplate !== 23 && !isPeople" class="banner"
+        :style="{ backgroundImage: form.bannerImg ? ('url(' + form.bannerImg + ')') : '' }">
+        {{ form.columnName }}
+      </div>
+      <div class="content">
+        <Breadcrumb ref="breadcrumb" :data.sync="routes" />
+        <div class="article">
+          <div class="left">
+            <template v-if="!isPeople">
+              <h2>{{ form.title }}</h2>
+              <div class="meta">{{ form.source && form.source + ' | ' }} {{ form.author && form.author + ' | ' }} {{
+                form.releaseTime }}</div>
+              <div class="meta">{{ form.edit && $t('column.edit') + '：' + form.edit }} {{ form.audit && ' | ' +
+                $t('column.auditor') + '：' + form.audit }} {{ form.label && ' | ' + $t('column.label') + '：' +
+                  form.label
+                }}</div>
+            </template>
+            <p v-if="form.summary" class="brief">{{ form.summary }}</p>
+            <div class="des" id="mainBody" v-html="form.mainBody"></div>
+            <div v-if="form.fileList && form.fileList.length" class="annex">
+              <h6>{{ $t('column.attachmentDownload') }}</h6>
+              <ul class="files">
+                <li v-for="(file, i) in form.fileList" :key="i">
+                  <span class="name">{{ file.fileName }}</span>
+                  <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
+                </li>
+              </ul>
+            </div>
           </div>
+          <RightColumns ref="right" :party="isParty" />
         </div>
-        <RightColumns ref="right" :party="isParty" />
       </div>
     </div>
   </div>
@@ -224,7 +227,7 @@ export default {
   .brief {
     padding-bottom: 1.5rem;
     margin: 1rem 0;
-    font-size: 1.2rem;
+    font-size: 0.9rem;
     line-height: 1.6;
     color: #606060;
     border-bottom: 1px solid #d8d8d8;
diff --git a/src/pages/column/index.vue b/src/pages/column/index.vue
index 9dd0fe9..ee3331e 100644
--- a/src/pages/column/index.vue
+++ b/src/pages/column/index.vue
@@ -1,348 +1,351 @@
 <template>
-  <div v-show="loaded" v-loading="loading"
-    :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
-    <div class="banner">
-      <img width="100%" height="280" :src="info.columnBanner" alt="" />
-      <div class="texts">
-        <p class="text">{{ info.columnName }}</p>
-        <p class="sub">{{ info.subtitle }}</p>
+  <div :class="['wrap', { activity: info.listStyleId === 15, party: info.listStyleId === 68 }]">
+    <div v-show="loaded" v-loading="loading">
+      <div class="banner">
+        <img width="100%" height="280" :src="info.columnBanner" alt="" />
+        <div class="texts">
+          <p class="text">{{ info.columnName }}</p>
+          <p class="sub">{{ info.subtitle }}</p>
+        </div>
       </div>
-    </div>
-    <div class="column-wrap">
-      <div class="article">
-        <div class="left">
-          <!-- 文章：侧边栏+搜索+新闻列表 -->
-          <div v-if="info.listStyleId === 10" class="forms">
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </div>
-            <div class="item">
-              <span class="label">{{ $t('column.label') }}：</span>
-              <el-select ref="search" v-model="lableId" multiple @change="filter">
-                <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option>
-              </el-select>
-            </div>
-            <div class="search">
-              <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
+      <div class="column-wrap">
+        <div class="article">
+          <div class="left">
+            <!-- 文章：侧边栏+搜索+新闻列表 -->
+            <div v-if="info.listStyleId === 10" class="forms">
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="item">
+                <span class="label">{{ $t('column.label') }}：</span>
+                <el-select ref="search" v-model="lableId" multiple @change="filter">
+                  <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="search">
+                <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
 
-              <!-- <i class="icon">
+                <!-- <i class="icon">
                 <img src="@/assets/images/search-white.png" alt="" />
               </i> -->
+              </div>
             </div>
-          </div>
-          <!-- 侧导航+新闻列表(含文章概述) -->
-          <div v-if="info.listStyleId === 12" class="forms">
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
-            </div>
-            <div class="item">
-              <span class="label">{{ $t('column.label') }}：</span>
-              <el-select ref="search" v-model="lableId" multiple @change="filter">
-                <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option>
-              </el-select>
-            </div>
-            <div class="search">
-              <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
-              <!-- <i class="icon">
+            <!-- 侧导航+新闻列表(含文章概述) -->
+            <div v-if="info.listStyleId === 12" class="forms">
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="item">
+                <span class="label">{{ $t('column.label') }}：</span>
+                <el-select ref="search" v-model="lableId" multiple @change="filter">
+                  <el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
+              <div class="search">
+                <input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" />
+                <!-- <i class="icon">
                 <img src="@/assets/images/search-white.png" alt="" />
               </i> -->
+              </div>
             </div>
-          </div>
-          <!-- 会议活动：筛选+会议活动列表 -->
-          <div v-if="info.listStyleId === 15" class="forms">
-            <ul class="switch">
-              <li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }"
-                @click="switchChange(item)">
-                {{ item.name }}
-              </li>
-            </ul>
-            <div class="item">
-              <span class="label">{{ $t('column.classification') }}：</span>
-              <el-select v-model="form.classificationId" @change="filter">
-                <el-option :label="$t('column.all')" :value="null"></el-option>
-                <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
-                  :value="item.id">
-                </el-option>
-              </el-select>
+            <!-- 会议活动：筛选+会议活动列表 -->
+            <div v-if="info.listStyleId === 15" class="forms">
+              <ul class="switch">
+                <li v-for="(item, i) in convokeTypes" :key="i" :class="{ active: item.id === form.convokeType }"
+                  @click="switchChange(item)">
+                  {{ item.name }}
+                </li>
+              </ul>
+              <div class="item">
+                <span class="label">{{ $t('column.classification') }}：</span>
+                <el-select v-model="form.classificationId" @change="filter">
+                  <el-option :label="$t('column.all')" :value="null"></el-option>
+                  <el-option v-for="item in classifications" :key="item.id" :label="item.classificationName"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </div>
             </div>
-          </div>
 
-          <div class="contents">
-            <el-tree
-              v-if="columns.length && columns.find(e => e.children.length) && !isFilter && showNav && info.listStyleId !== 15"
-              class="columns" ref="leftColumn" :data="columns" highlight-current :expand-on-click-node="false"
-              default-expand-all :props="defaultProps" node-key="id" icon-class="el-icon-arrow-down"
-              @node-click="(item) => columnClick(item, 1)" @current-change="(item) => columnClick(item, 1)">
-              <span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;">
-                <span :title="node.label">{{ node.label }}</span>
-              </span>
-            </el-tree>
-
-            <template v-if="articles.length && !loading">
-              <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
-              <div v-if="info.listStyleId === 73" class="detail">
-
-                <template v-if="article.articleTemplate != 72">
-                  <h2>{{ article.title }}</h2>
-                  <!-- <div class="meta">{{ article.source && article.source + ' | ' }} {{ article.author && article.author + ' | ' }} {{ article.releaseTime }}</div>
+            <div class="contents">
+              <el-tree
+                v-if="columns.length && columns.find(e => e.children.length) && !isFilter && showNav && info.listStyleId !== 15"
+                class="columns" ref="leftColumn" :data="columns" highlight-current :expand-on-click-node="false"
+                default-expand-all :props="defaultProps" node-key="id" icon-class="el-icon-arrow-down"
+                @node-click="(item) => columnClick(item, 1)" @current-change="(item) => columnClick(item, 1)">
+                <span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;">
+                  <span :title="node.label">{{ node.label }}</span>
+                </span>
+              </el-tree>
+
+              <template v-if="articles.length && !loading">
+                <!-- 列表样式选的是列表详情，则直接显示最新一篇文章的详情 -->
+                <div v-if="info.listStyleId === 73" class="detail">
+
+                  <template v-if="article.articleTemplate != 72">
+                    <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> -->
-                </template>
-                <p v-if="article.summary" class="brief">{{ article.summary }}</p>
-                <div class="des" v-html="article.mainBody"></div>
-                <div v-if="article.fileList && article.fileList.length" class="annex">
-                  <h6>{{ $t('column.attachmentDownload') }}</h6>
-                  <ul class="files">
-                    <li v-for="(file, i) in article.fileList" :key="i">
-                      <span class="name">{{ file.fileName }}</span>
-                      <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
-                    </li>
-                  </ul>
-                </div>
-
-              </div>
-              <template v-else>
-                <template v-if="info.listStyleId === 12">
-                  <div class="article-wrap">
-                    <ul class="articles">
-                      <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
-                        class="readDetail" @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <img class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-                          <div class="texts">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes">{{ item.title }}</h6>
-                            <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
-                              <span class="meta">{{ item.releaseTime }}</span>
-                              <div class="des" v-html="item.mainBody"></div>
-                            </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
-                            </template>
-                            <el-button type="primary" class="readDetailBtn">{{ $t('column.readDetail') }}</el-button>
-                          </div>
-
-                        </template>
-                      </li>
-                    </ul>
-                    <div v-if="articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
-                    </div>
-                  </div>
-                </template>
-                <template v-else-if="info.listStyleId === 11 || info.listStyleId === 15 || info.listStyleId === 10">
-                  <div class="article-wrap">
-                    <ul class="articles">
-                      <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
-                        @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <div class="texts leftBox">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15 || item.listStyleId === 11) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes">{{ item.title }}</h6>
-                            <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
-                              <span class="meta">{{ item.releaseTime }}
-                                <template v-if="item.labelName != ''">
-                                  | {{ item.labelName }}
-                                </template>
-                              </span>
-                            </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
-                            </template>
-                          </div>
-                          <img class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-                        </template>
+                  </template>
+                  <p v-if="article.summary" class="brief">{{ article.summary }}</p>
+                  <div class="des" v-html="article.mainBody"></div>
+                  <div v-if="article.fileList && article.fileList.length" class="annex">
+                    <h6>{{ $t('column.attachmentDownload') }}</h6>
+                    <ul class="files">
+                      <li v-for="(file, i) in article.fileList" :key="i">
+                        <span class="name">{{ file.fileName }}</span>
+                        <span class="download" @click="download(file)">{{ $t('column.download') }}</span>
                       </li>
                     </ul>
-                    <div v-if="articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
-                    </div>
                   </div>
-                </template>
+
+                </div>
                 <template v-else>
-                  <div class="article-wrap">
-                    <ul :class="['articles', { media: info.listStyleId === 74 }]">
-                      <li v-for="(item, i) in articles" :key="i"
-                        :class="{ 'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68 }"
-                        class="overDetail" @click="toArtice(item)">
-                        <template v-if="info.listStyleId === 55">
-                          <div class="releaseTime">
-                            <p class="d">{{ item.date }}</p>
-                            <p class="m">{{ item.month }}</p>
-                          </div>
-                          <div class="news-title">{{ item.title }}</div>
-                        </template>
-                        <template v-else>
-                          <img v-if="info.listStyleId !== 74" class="pic" :src="item.titleImg" alt=""
-                            onerror="javascript:this.src='./images/1.png?id=1';" />
-
-                          <template v-else-if="item.fileList">
-                            <!-- <el-image class="media-pic"
+                  <template v-if="info.listStyleId === 12">
+                    <div class="article-wrap">
+                      <ul class="articles">
+                        <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
+                          class="readDetail" @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <img class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+                            <div class="texts">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes">{{ item.title }}</h6>
+                              <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
+                                <span class="meta">{{ item.releaseTime }}</span>
+                                <div class="des" v-html="item.mainBody"></div>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                              <el-button type="primary" class="readDetailBtn">{{ $t('column.readDetail') }}</el-button>
+                            </div>
+
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
+                    </div>
+                  </template>
+                  <template v-else-if="info.listStyleId === 11 || info.listStyleId === 15 || info.listStyleId === 10">
+                    <div class="article-wrap">
+                      <ul class="articles">
+                        <li v-for="(item, i) in articles" :key="i" :class="{ 'news-notice': info.listStyleId === 55 }"
+                          @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <div class="texts leftBox">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15 || item.listStyleId === 11) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes">{{ item.title }}</h6>
+                              <template v-if="item.listStyleId === 11 || item.listStyleId == 12">
+                                <span class="meta">{{ item.releaseTime }}
+                                  <template v-if="item.labelName != ''">
+                                    | {{ item.labelName }}
+                                  </template>
+                                </span>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                            </div>
+                            <img class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
+                    </div>
+                  </template>
+                  <template v-else>
+                    <div class="article-wrap">
+                      <ul :class="['articles', { media: info.listStyleId === 74 }]">
+                        <li v-for="(item, i) in articles" :key="i"
+                          :class="{ 'news-notice': info.listStyleId === 55, 'org': info.listStyleId === 68 }"
+                          class="overDetail" @click="toArtice(item)">
+                          <template v-if="info.listStyleId === 55">
+                            <div class="releaseTime">
+                              <p class="d">{{ item.date }}</p>
+                              <p class="m">{{ item.month }}</p>
+                            </div>
+                            <div class="news-title">{{ item.title }}</div>
+                          </template>
+                          <template v-else>
+                            <img v-if="info.listStyleId !== 74" class="pic" :src="item.titleImg" alt=""
+                              onerror="javascript:this.src='./images/1.png?id=1';" />
+
+                            <template v-else-if="item.fileList">
+                              <!-- <el-image class="media-pic"
                                       :style="{backgroundImage: 'url(https://new.iasf.ac.cn/iasf/sysFiles/preview/1706961813193707521)'}"
                                       src="https://new.iasf.ac.cn/iasf/sysFiles/preview/1706961813193707521"
                                       :preview-src-list="['https://new.iasf.ac.cn/iasf/sysFiles/preview/1706961813193707521']">
                             </el-image> -->
-                            <video
-                              v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))"
-                              class="media-video" controls x5-playsinline x5-video-player-type="h5"
-                              :poster="isIphone ? 'https://new.iasf.ac.cn/images/about/12.png' : ''" preload>
-                              <source :src="item.fileList[0].filePath" type="video/mp4">
-                              您的浏览器不支持 video 标签。
-                            </video>
-                            <el-image v-else class="media-pic" :src="item.fileList[0].filePath"
-                              :preview-src-list="[item.fileList[0].filePath]">
-                            </el-image>
-                          </template>
-
-                          <div class="texts">
-                            <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
-                              class="type">
-                              {{ item.classificationName }}
-                            </p>
-                            <h6 class="titleDes" :title="item.title">{{ item.title }}</h6>
-                            <template
-                              v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
-                              <span class="meta">{{ item.releaseTime }}</span>
-                              <div class="des" v-html="item.mainBody"></div>
-                            </template>
-                            <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
-                              && ' | ' +
-                              item.labelName }}</span>
-                            <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
-                              <div v-if="item.keynoteSpeaker" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
-                              </div>
-                              <div v-if="item.activityStartTime" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/time.png" alt="" />
-                                {{ item.activityStartTime }}
-                              </div>
-                              <div v-if="item.offlineLocation" class="meta m-b-10">
-                                <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
-                                }}
-                              </div>
-                              <div v-if="item.onlineLocation" class="meta">
-                                <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
-                              </div>
+                              <video
+                                v-if="Util.isVideo(item.fileList[0].fileName.substring(item.fileList[0].fileName.lastIndexOf('.') + 1))"
+                                class="media-video" controls x5-playsinline x5-video-player-type="h5"
+                                :poster="isIphone ? 'https://new.iasf.ac.cn/images/about/12.png' : ''" preload>
+                                <source :src="item.fileList[0].filePath" type="video/mp4">
+                                您的浏览器不支持 video 标签。
+                              </video>
+                              <el-image v-else class="media-pic" :src="item.fileList[0].filePath"
+                                :preview-src-list="[item.fileList[0].filePath]">
+                              </el-image>
                             </template>
-                            <el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" type="primary"
-                              class="readDetailBtn">{{
-                                $t('column.readDetail') }}</el-button>
-                          </div>
-                        </template>
-                      </li>
-                    </ul>
-                    <div v-if="total > articles.length" class="pagination">
-                      <el-pagination background @current-change="currentChange" :current-page="page"
-                        :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+
+                            <div class="texts">
+                              <p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName"
+                                class="type">
+                                {{ item.classificationName }}
+                              </p>
+                              <h6 class="titleDes" :title="item.title">{{ item.title }}</h6>
+                              <template
+                                v-if="item.listStyleId === 11 || item.listStyleId == 12 || item.listStyleId == 68">
+                                <span class="meta">{{ item.releaseTime }}</span>
+                                <div class="des" v-html="item.mainBody"></div>
+                              </template>
+                              <span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName
+                                && ' | ' +
+                                item.labelName }}</span>
+                              <template v-if="item.listStyleId === 15 || item.listStyleId === 16">
+                                <div v-if="item.keynoteSpeaker" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/mine.png" alt="" /> {{ item.keynoteSpeaker }}
+                                </div>
+                                <div v-if="item.activityStartTime" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/time.png" alt="" />
+                                  {{ item.activityStartTime }}
+                                </div>
+                                <div v-if="item.offlineLocation" class="meta m-b-10">
+                                  <img class="icon" src="@/assets/images/location.png" alt="" /> {{ item.offlineLocation
+                                  }}
+                                </div>
+                                <div v-if="item.onlineLocation" class="meta">
+                                  <img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }}
+                                </div>
+                              </template>
+                              <el-button v-if="item.listStyleId === 15 || item.listStyleId == 68" type="primary"
+                                class="readDetailBtn">{{
+                                  $t('column.readDetail') }}</el-button>
+                            </div>
+                          </template>
+                        </li>
+                      </ul>
+                      <div v-if="total > articles.length" class="pagination">
+                        <el-pagination background @current-change="currentChange" :current-page="page"
+                          :page-size="pageSize" layout="total, prev, pager, next" :total="total"></el-pagination>
+                      </div>
                     </div>
-                  </div>
+                  </template>
                 </template>
               </template>
-            </template>
-            <div v-else class="none">
-              <img src="@/assets/images/none.png" alt="">
-              <p class="text">{{ $t('column.comming') }}</p>
+              <div v-else class="none">
+                <img src="@/assets/images/none.png" alt="">
+                <p class="text">{{ $t('column.comming') }}</p>
+              </div>
             </div>
           </div>
+          <!-- <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74"> -->
+          <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74">
+            <div v-if="site == 2" class="right">
+              <p class="l-title">{{ $t('column.latestNews') }}</p>
+              <ul class="list">
+                <li v-for="(item, i) in site2News" :key="i" :title="item.title" @click="toArtice(item)">
+                  <p class="text">{{ item.title }}</p>
+                  <span class="date">{{ item.releaseTime }}</span>
+                </li>
+              </ul>
+            </div>
+            <!-- 选择了“列表样式”，不用显示右侧部分 -->
+            <div v-else class="right">
+              <p class="l-title">{{ $t('column.hot') }}</p>
+              <ul class="list">
+                <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
+                  <p class="text">{{ item.title }}</p>
+                  <span class="date">{{ item.releaseTime }}</span>
+                </li>
+              </ul>
+
+              <p class="l-title">{{ $t('column.latestNews') }}</p>
+              <ul class="list">
+                <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
+                  <p class="text">{{ item.title }}</p>
+                  <span class="date">{{ item.releaseTime }}</span>
+                </li>
+              </ul>
+            </div>
+          </template>
+          <div v-else class="right"></div>
         </div>
-        <!-- <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74"> -->
-        <template v-if="info.listStyleId !== 73 && info.listStyleId !== 74">
-          <div v-if="site == 2" class="right">
-            <p class="l-title">{{ $t('column.latestNews') }}</p>
-            <ul class="list">
-              <li v-for="(item, i) in site2News" :key="i" :title="item.title" @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-          </div>
-          <!-- 选择了“列表样式”，不用显示右侧部分 -->
-          <div v-else class="right">
-            <p class="l-title">{{ $t('column.hot') }}</p>
-            <ul class="list">
-              <li v-for="(item, i) in hots" :key="i" :title="item.title" @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-
-            <p class="l-title">{{ $t('column.latestNews') }}</p>
-            <ul class="list">
-              <li v-for="(item, i) in news" :key="i" :title="item.title" @click="toArtice(item)">
-                <p class="text">{{ item.title }}</p>
-                <span class="date">{{ item.releaseTime }}</span>
-              </li>
-            </ul>
-          </div>
-        </template>
-        <div v-else class="right"></div>
       </div>
     </div>
   </div>
diff --git a/src/pages/iasf/index.vue b/src/pages/iasf/index.vue
index 5dfdb7c..1359fcc 100644
--- a/src/pages/iasf/index.vue
+++ b/src/pages/iasf/index.vue
@@ -1,332 +1,254 @@
 <template>
   <div class="wrap">
-    <!-- :interval="6000" -->
-    <el-carousel :class="['carousel']"
-                 id="part1"
-                 :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">
-          <img :class="[{'cursor-pointer': isLink(item.link.linkName)}]"
-               width="100%"
-               :src="item.pic"
-               alt=""
-               @click="openLink(item)">
-          <div class="texts">
-            <h6>{{ item.title }}</h6>
-            <p class="text">{{ item.des }}</p>
-          </div>
-        </el-carousel-item>
-      </template>
-    </el-carousel>
-    <div :class="['block-wrap',{active: hide}]"
-         id="part2">
-      <div class="block card-block">
-        <div class="inner">
-          <h2 class="b-title">{{ modules[1].form.title }}</h2>
-          <p class="intro"
-             data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
-          <ul class="card">
-            <li :class="{'cursor-pointer': isLink(modules[2].form.link.linkName)}"
+    <template v-if="modules.length">
+      <el-carousel :class="['carousel']" id="part1" :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">
+            <img :class="[{ 'cursor-pointer': isLink(item.link.linkName) }]" width="100%" :src="item.pic" alt=""
+              @click="openLink(item)">
+            <div class="texts">
+              <h6>{{ item.title }}</h6>
+              <p class="text">{{ item.des }}</p>
+            </div>
+          </el-carousel-item>
+        </template>
+      </el-carousel>
+      <div :class="['block-wrap', { active: hide }]" id="part2">
+        <div class="block card-block">
+          <div class="inner">
+            <h2 class="b-title">{{ modules[1].form.title }}</h2>
+            <p class="intro" data-wow-delay="0.5s">{{ modules[1].form.des }}</p>
+            <ul class="card">
+              <li :class="{ 'cursor-pointer': isLink(modules[2].form.link.linkName) }"
                 @click="openLink(modules[2].form)">
-              <img class="pic"
-                   :src="modules[2].form.pic"
-                   alt="">
-              <div class="project">SILF</div>
-              <div class="texts">
-                <div class="name">SILF</div>
-                <h6>{{ modules[2].form.title }}</h6>
-                <p class="des">{{ modules[2].form.des }}</p>
-              </div>
-            </li>
-            <li :class="{'cursor-pointer': isLink(modules[3].form.link.linkName)}"
+                <img class="pic" :src="modules[2].form.pic" alt="">
+                <div class="project">SILF</div>
+                <div class="texts">
+                  <div class="name">SILF</div>
+                  <h6>{{ modules[2].form.title }}</h6>
+                  <p class="des">{{ modules[2].form.des }}</p>
+                </div>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[3].form.link.linkName) }"
                 @click="openLink(modules[3].form)">
-              <img class="pic"
-                   :src="modules[3].form.pic"
-                   alt="">
-              <div class="project">S³FEL</div>
-              <div class="texts">
-                <div class="name">S³FEL</div>
-                <h6>{{ modules[3].form.title }}</h6>
-                <p class="des">{{ modules[3].form.des }}</p>
-              </div>
-            </li>
-          </ul>
+                <img class="pic" :src="modules[3].form.pic" alt="">
+                <div class="project">S³FEL</div>
+                <div class="texts">
+                  <div class="name">S³FEL</div>
+                  <h6>{{ modules[3].form.title }}</h6>
+                  <p class="des">{{ modules[3].form.des }}</p>
+                </div>
+              </li>
+            </ul>
+          </div>
         </div>
-      </div>
 
-      <div class="block news-wrap">
-        <div class="inner">
-          <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
-          <p v-if="modules[4].form.des"
-             class="intro wow fadeInUp"
-             data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
-          <div class="all-link"
-               @click="toAll(modules[5].form)">
-            <span>{{$t('column.seeMore')}} <img class="icon"
-                   src="@/assets/images/arrow.png"
-                   alt=""></span>
-          </div>
-          <template v-if="articles.length">
-            <div class="news-banner wow fadeInDown"
-                 data-wow-delay="0.5s"
-                 @click="toArtice(articles[0], modules[5].form)">
-              <div class="pic-wrap">
-                <img class="pic"
-                     width="100%"
-                     height="100%"
-                     :src="articles[0].titleImg"
-                     alt="">
-                <div class="pic-cover"></div>
-              </div>
-              <div class="right">
-                <h6>{{ articles[0].title }}</h6>
-                <div class="des"
-                     v-html="articles[0].mainBody"></div>
-                <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' + articles[0].classificationName }}</p>
-              </div>
+        <div class="block news-wrap">
+          <div class="inner">
+            <h2 class="b-title wow fadeInUp">{{ modules[4].form.title }}</h2>
+            <p v-if="modules[4].form.des" class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[4].form.des }}</p>
+            <div class="all-link" @click="toAll(modules[5].form)">
+              <span>{{ $t('column.seeMore') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
             </div>
+            <template v-if="articles.length">
+              <div class="news-banner wow fadeInDown" data-wow-delay="0.5s"
+                @click="toArtice(articles[0], modules[5].form)">
+                <div class="pic-wrap">
+                  <img class="pic" width="100%" height="100%" :src="articles[0].titleImg" alt="">
+                  <div class="pic-cover"></div>
+                </div>
+                <div class="right">
+                  <h6>{{ articles[0].title }}</h6>
+                  <div class="des" v-html="articles[0].mainBody"></div>
+                  <p class="meta">{{ articles[0].releaseTime }} {{ articles[0].classificationName && ' | ' +
+                    articles[0].classificationName }}</p>
+                </div>
+              </div>
 
-            <ul class="news">
-              <template v-for="(item, i) in articles">
-                <li v-if="i"
-                    :key="i"
-                    class="wow fadeInDown"
-                    :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
+              <ul class="news">
+                <template v-for="(item, i) in articles">
+                  <li v-if="i" :key="i" class="wow fadeInDown" :data-wow-delay="(0.1 * i).toFixed(1) + 's'"
                     @click="toArtice(item, modules[5].form)">
-                  <div class="pic-wrap">
-                    <img class="pic"
-                         :src="item.titleImg"
-                         alt="">
-                    <div class="pic-cover"></div>
-                  </div>
-                  <div class="texts">
-                    <h6>{{ item.title }}</h6>
-                    <div class="des"
-                         v-html="item.mainBody"></div>
-                    <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' + item.classificationName }}</p>
+                    <div class="pic-wrap">
+                      <img class="pic" :src="item.titleImg" alt="">
+                      <div class="pic-cover"></div>
+                    </div>
+                    <div class="texts">
+                      <h6>{{ item.title }}</h6>
+                      <div class="des" v-html="item.mainBody"></div>
+                      <p class="meta">{{ item.releaseTime }} {{ item.classificationName && ' | ' +
+                        item.classificationName
+                        }}</p>
+                    </div>
+                  </li>
+                </template>
+              </ul>
+            </template>
+            <ul class="news-carousel">
+              <li v-if="articles1.length">
+                <img class="pic" src="https://new.iasf.ac.cn/images/iasf/8.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
+                  <div class="des-wrap">
+                    <p class="meta">{{ curArticle1.source }}</p>
+                    <div class="des" @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
                   </div>
-                </li>
-              </template>
-            </ul>
-          </template>
-          <ul class="news-carousel">
-            <li v-if="articles1.length">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/iasf/8.png"
-                   alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[6].form)">{{ getColumnTitle(modules[6].form) }} <i class="el-icon-arrow-right"></i></h6>
-                <div class="des-wrap">
-                  <p class="meta">{{ curArticle1.source }}</p>
-                  <div class="des"
-                       @click="toArtice(curArticle1, modules[6].form)">{{ curArticle1.title }}</div>
+                  <p class="date">{{ curArticle1.releaseTime }}</p>
                 </div>
-                <p class="date">{{ curArticle1.releaseTime }}</p>
-              </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir"
-                   @click.stop="prevCarousel(1)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles1.length > 3 ? 4 : articles1.length"
-                      :key="i"
-                      :class="{active: curInd1 == i - 1}"
-                      @click.stop="switchCarousel(1, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir"
-                   @click.stop="nextCarousel(1)"></i>
-              </div>
-            </li>
-            <li v-if="articles2.length">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/iasf/9.png"
-                   alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i class="el-icon-arrow-right"></i></h6>
-                <div class="des-wrap">
-                  <p class="meta">{{ curArticle2.classificationName }}</p>
-                  <div class="des"
-                       @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(1)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles1.length > 3 ? 4 : articles1.length" :key="i"
+                      :class="{ active: curInd1 == i - 1 }" @click.stop="switchCarousel(1, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(1)"></i>
                 </div>
-                <p class="date">{{ curArticle2.releaseTime }}</p>
-              </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir"
-                   @click.stop="prevCarousel(2)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles2.length > 3 ? 4 : articles2.length"
-                      :key="i"
-                      :class="{active: curInd2 == i - 1}"
-                      @click.stop="switchCarousel(2, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir"
-                   @click.stop="nextCarousel(2)"></i>
-              </div>
-            </li>
-            <li v-if="articles3.length">
-              <img class="pic"
-                   src="https://new.iasf.ac.cn/images/iasf/10.png"
-                   alt="">
-              <div class="texts">
-                <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i class="el-icon-arrow-right"></i></h6>
-                <div class="activity">
-                  <div v-if="curArticle3.activityStartTime"
-                       class="date-y">
-                    <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
-                    <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' + curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
-                  </div>
+              </li>
+              <li v-if="articles2.length">
+                <img class="pic" src="https://new.iasf.ac.cn/images/iasf/9.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[7].form)">{{ getColumnTitle(modules[7].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
                   <div class="des-wrap">
-                    <p class="meta">{{ curArticle3.classificationName }}</p>
-                    <div class="des"
-                         @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                    <p class="meta">{{ curArticle2.classificationName }}</p>
+                    <div class="des" @click="toArtice(curArticle2, modules[7].form)">{{ curArticle2.title }}</div>
                   </div>
+                  <p class="date">{{ curArticle2.releaseTime }}</p>
                 </div>
-              </div>
-              <div class="action">
-                <i class="el-icon-arrow-left dir"
-                   @click.stop="prevCarousel(3)"></i>
-                <ul class="inds">
-                  <li v-for="i in articles3.length > 3 ? 4 : articles3.length"
-                      :key="i"
-                      :class="{active: curInd3 == i - 1}"
-                      @click.stop="switchCarousel(3, i - 1)"></li>
-                </ul>
-                <i class="el-icon-arrow-right dir"
-                   @click.stop="nextCarousel(3)"></i>
-              </div>
-            </li>
-          </ul>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(2)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles2.length > 3 ? 4 : articles2.length" :key="i"
+                      :class="{ active: curInd2 == i - 1 }" @click.stop="switchCarousel(2, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(2)"></i>
+                </div>
+              </li>
+              <li v-if="articles3.length">
+                <img class="pic" src="https://new.iasf.ac.cn/images/iasf/10.png" alt="">
+                <div class="texts">
+                  <h6 @click="toAll(modules[8].form)">{{ getColumnTitle(modules[8].form) }} <i
+                      class="el-icon-arrow-right"></i></h6>
+                  <div class="activity">
+                    <div v-if="curArticle3.activityStartTime" class="date-y">
+                      <p class="d">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[2] }}</p>
+                      <p class="y">{{ curArticle3.activityStartTime.split(' ')[0].split('-')[0] + '-' +
+                        curArticle3.activityStartTime.split(' ')[0].split('-')[1] }}</p>
+                    </div>
+                    <div class="des-wrap">
+                      <p class="meta">{{ curArticle3.classificationName }}</p>
+                      <div class="des" @click="toArtice(curArticle3, modules[8].form)">{{ curArticle3.title }}</div>
+                    </div>
+                  </div>
+                </div>
+                <div class="action">
+                  <i class="el-icon-arrow-left dir" @click.stop="prevCarousel(3)"></i>
+                  <ul class="inds">
+                    <li v-for="i in articles3.length > 3 ? 4 : articles3.length" :key="i"
+                      :class="{ active: curInd3 == i - 1 }" @click.stop="switchCarousel(3, i - 1)"></li>
+                  </ul>
+                  <i class="el-icon-arrow-right dir" @click.stop="nextCarousel(3)"></i>
+                </div>
+              </li>
+            </ul>
+          </div>
         </div>
-      </div>
 
-      <div class="block people-block">
-        <div class="inner">
-          <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
-          <p class="intro wow fadeInUp"
-             data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
-          <ul v-if="articles4.length"
-              class="people">
-            <li v-for="(item, i) in articles4"
-                :key="i"
-                @click="toArtice(item, modules[10].form)"
+        <div class="block people-block">
+          <div class="inner">
+            <h2 class="b-title wow fadeInUp">{{ modules[9].form.title }}</h2>
+            <p class="intro wow fadeInUp" data-wow-delay="0.5s">{{ modules[9].form.des }}</p>
+            <ul v-if="articles4.length" class="people">
+              <li v-for="(item, i) in articles4" :key="i" @click="toArtice(item, modules[10].form)"
                 class="wow fadeInDown">
-              <img class="pic"
-                   :src="item.titleImg"
-                   alt="">
-              <div class="texts">
-                <h6>{{ item.title }}</h6>
-                <p class="job">{{ item.post }}</p>
-                <p class="hobby">{{ item.hobby }}</p>
-                <div class="text"
-                     v-html="item.mainBody"></div>
-              </div>
-            </li>
-          </ul>
-          <div class="all-link"
-               @click="toAll(modules[10].form)">
-            <span>{{$t('column.all')}} <img class="icon"
-                   src="@/assets/images/arrow.png"
-                   alt=""></span>
+                <img class="pic" :src="item.titleImg" alt="">
+                <div class="texts">
+                  <h6>{{ item.title }}</h6>
+                  <p class="job">{{ item.post }}</p>
+                  <p class="hobby">{{ item.hobby }}</p>
+                  <div class="text" v-html="item.mainBody"></div>
+                </div>
+              </li>
+            </ul>
+            <div class="all-link" @click="toAll(modules[10].form)">
+              <span>{{ $t('column.all') }} <img class="icon" src="@/assets/images/arrow.png" alt=""></span>
+            </div>
           </div>
         </div>
-      </div>
 
-      <div class="block talent-block">
-        <div class="inner">
-          <h2 class="b-title">{{ modules[11].form.title }}</h2>
-          <p class="intro"
-             data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
-          <div class="talent">
-            <div class="left">
-              <h6>{{ modules[12].form.title }}</h6>
-              <p class="sub-title">{{ modules[12].form.subTitle }}</p>
-              <div class="text"
-                   v-html="modules[12].form.des"></div>
-              <el-button v-if="isLink(modules[12].form.link.linkName)"
-                         style="background-color: #026BE1;"
-                         type="primary"
-                         round
-                         @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+        <div class="block talent-block">
+          <div class="inner">
+            <h2 class="b-title">{{ modules[11].form.title }}</h2>
+            <p class="intro" data-wow-delay="0.5s">{{ modules[11].form.des }}</p>
+            <div class="talent">
+              <div class="left">
+                <h6>{{ modules[12].form.title }}</h6>
+                <p class="sub-title">{{ modules[12].form.subTitle }}</p>
+                <div class="text" v-html="modules[12].form.des"></div>
+                <el-button v-if="isLink(modules[12].form.link.linkName)" style="background-color: #026BE1;"
+                  type="primary" round @click="openLink(modules[12].form)">诚邀海内外人才加入我们 ></el-button>
+              </div>
+              <img :src="modules[12].form.pic" alt="" class="pic">
             </div>
-            <img :src="modules[12].form.pic"
-                 alt=""
-                 class="pic">
           </div>
         </div>
-      </div>
 
-      <div class="about">
-        <div class="about-bg">
-          <div class="inner">
-            <div class="left">
-              <h6>{{ modules[13].form.title }}</h6>
-              <div class="text"
-                   v-html="modules[13].form.des"></div>
-              <img src="@/assets/images/arrow-white.png"
-                   alt=""
-                   :class="{'arrow': isLink(modules[13].form.link.linkName)}"
-                   @click="openLink(modules[13].form)">
+        <div class="about">
+          <div class="about-bg">
+            <div class="inner">
+              <div class="left">
+                <h6>{{ modules[13].form.title }}</h6>
+                <div class="text" v-html="modules[13].form.des"></div>
+                <img src="@/assets/images/arrow-white.png" alt=""
+                  :class="{ 'arrow': isLink(modules[13].form.link.linkName) }" @click="openLink(modules[13].form)">
+              </div>
+              <img class="pic" :src="modules[13].form.pic" alt="">
             </div>
-            <img class="pic"
-                 :src="modules[13].form.pic"
-                 alt="">
           </div>
         </div>
-      </div>
 
-      <div class="block"
-           style="margin-top: 100px">
-        <div class="inner">
-          <ul class="entry">
-            <li :class="{'cursor-pointer': isLink(modules[14].form.link.linkName)}"
+        <div class="block" style="margin-top: 100px">
+          <div class="inner">
+            <ul class="entry">
+              <li :class="{ 'cursor-pointer': isLink(modules[14].form.link.linkName) }"
                 @click="openLink(modules[14].form)">
-              <img class="icon"
-                   :src="modules[14].form.pic"
-                   alt="">
-              <p class="text">{{ modules[14].form.title }}</p>
-            </li>
-            <li :class="{'cursor-pointer': isLink(modules[15].form.link.linkName)}"
+                <img class="icon" :src="modules[14].form.pic" alt="">
+                <p class="text">{{ modules[14].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[15].form.link.linkName) }"
                 @click="openLink(modules[15].form)">
-              <img class="icon"
-                   :src="modules[15].form.pic"
-                   alt="">
-              <p class="text">{{ modules[15].form.title }}</p>
-            </li>
-            <li :class="{'cursor-pointer': isLink(modules[16].form.link.linkName)}"
+                <img class="icon" :src="modules[15].form.pic" alt="">
+                <p class="text">{{ modules[15].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[16].form.link.linkName) }"
                 @click="openLink(modules[16].form)">
-              <img class="icon"
-                   :src="modules[16].form.pic"
-                   alt="">
-              <p class="text">{{ modules[16].form.title }}</p>
-            </li>
-            <li :class="{'cursor-pointer': isLink(modules[17].form.link.linkName)}"
+                <img class="icon" :src="modules[16].form.pic" alt="">
+                <p class="text">{{ modules[16].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[17].form.link.linkName) }"
                 @click="openLink(modules[17].form)">
-              <img class="icon"
-                   :src="modules[17].form.pic"
-                   alt="">
-              <p class="text">{{ modules[17].form.title }}</p>
-            </li>
-            <li :class="{'cursor-pointer': isLink(modules[18].form.link.linkName)}"
+                <img class="icon" :src="modules[17].form.pic" alt="">
+                <p class="text">{{ modules[17].form.title }}</p>
+              </li>
+              <li :class="{ 'cursor-pointer': isLink(modules[18].form.link.linkName) }"
                 @click="openLink(modules[18].form)">
-              <img class="icon"
-                   :src="modules[18].form.pic"
-                   alt="">
-              <p class="text">{{ modules[18].form.title }}</p>
-            </li>
-          </ul>
+                <img class="icon" :src="modules[18].form.pic" alt="">
+                <p class="text">{{ modules[18].form.title }}</p>
+              </li>
+            </ul>
+          </div>
         </div>
       </div>
-    </div>
-
-    <ul class="tools">
-      <template v-for="(item, i) in modules[19].list">
-        <li v-if="item.isEnable"
-            :key="i"
-            @click="toLink(item, i)">{{ item.title }}</li>
-      </template>
-    </ul>
+
+      <ul class="tools">
+        <template v-for="(item, i) in modules[19].list">
+          <li v-if="item.isEnable" :key="i" @click="toLink(item, i)">{{ item.title }}</li>
+        </template>
+      </ul>
+    </template>
   </div>
 </template>
 
@@ -380,41 +302,71 @@ export default {
           this.modules = json
           console.log("🚀 ~ file: index.vue ~ line 138 ~ this.$post ~ this.modules", this.modules)
 
+          const promises = []
           // 获取文章列表
           if (json[5].form.column.length) {
             const { column, articleNum } = json[5].form
-            this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
-              this.articles = Util.removeTag(data.slice(0, articleNum || 4))
-            }).catch(err => { })
+            promises.push(new Promise((resolve) => {
+              this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
+                this.articles = Util.removeTag(data.slice(0, articleNum || 4))
+                resolve()
+              }).catch(err => { })
+            }))
           }
 
           if (json[6].form.column.length) {
             const { column, articleNum } = json[6].form
-            this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
-              this.articles1 = Util.removeTag(data.slice(0, articleNum || 4))
-              if (this.articles1.length) this.curArticle1 = this.articles1[0]
-            }).catch(err => { })
+            promises.push(new Promise((resolve) => {
+              this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
+                this.articles1 = Util.removeTag(data.slice(0, articleNum || 4))
+                if (this.articles1.length) this.curArticle1 = this.articles1[0]
+                resolve()
+              }).catch(err => { })
+            }))
           }
           if (json[7].form.column.length) {
             const { column, articleNum } = json[7].form
-            this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
-              this.articles2 = Util.removeTag(data.slice(0, articleNum || 4))
-              if (this.articles2.length) this.curArticle2 = this.articles2[0]
-            }).catch(err => { })
+            promises.push(new Promise((resolve) => {
+              this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
+                this.articles2 = Util.removeTag(data.slice(0, articleNum || 4))
+                if (this.articles2.length) this.curArticle2 = this.articles2[0]
+                resolve()
+              }).catch(err => { })
+            }))
           }
           if (json[8].form.column.length) {
             const { column, articleNum } = json[8].form
-            this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
-              this.articles3 = Util.removeTag(data.slice(0, articleNum || 4))
-              if (this.articles3.length) this.curArticle3 = this.articles3[0]
-            }).catch(err => { })
+            promises.push(new Promise((resolve) => {
+              this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
+                this.articles3 = Util.removeTag(data.slice(0, articleNum || 4))
+                if (this.articles3.length) this.curArticle3 = this.articles3[0]
+                resolve()
+              }).catch(err => { })
+            }))
           }
           if (json[10].form.column.length) {
             const { column, articleNum } = json[10].form
-            this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
-              this.articles4 = Util.removeTag(data.slice(0, articleNum || 3))
-            }).catch(err => { })
+            promises.push(new Promise((resolve) => {
+              this.$post(this.api.queryArticlesByColumnType, Util.rsa(column[column.length - 1])).then(({ data }) => {
+                this.articles4 = Util.removeTag(data.slice(0, articleNum || 3))
+                resolve()
+              }).catch(err => { })
+            }))
           }
+
+          Promise.all(promises).then(_ => {
+            this.$nextTick(() => {
+              const { scrollTop } = this.$store.state.content
+              if (scrollTop) {
+                this.hide = true
+                $(window).scrollTop(scrollTop)
+                console.log("🚀 ~ this.$nextTick ~ scrollTop:", scrollTop, $(window).scrollTop())
+                this.$store.commit('content/setScrollTop', 0)
+              }
+            })
+          })
+
+
           // this.carouselInterval()
         }
       }).catch(err => { })
@@ -463,60 +415,21 @@ export default {
     scroll () {
       let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop
 
+      // 向下滚动
       if (this.lastScrollTop < scrollTop && !this.hide) {
-        // this.hide = true
-        // document.querySelector(`#part2`).scrollIntoView({
-        //   behavior: 'smooth'
-        // })
         this.hide = true
         setTimeout(() => {
           $(window).scrollTop(100)
-          // window.scrollTo({
-          //   top: window.innerWidth / 2.03,
-          //   behavior: 'smooth' // 平滑滚动
-          // });
-          // this.scrollTop(window.innerWidth / 2.03, 200)
         }, 300)
-
       } else if (this.lastScrollTop > scrollTop && scrollTop == 0 && this.hide) {
-        // this.hide = false
-        // document.querySelector(`#part1`).scrollIntoView({
-        //   behavior: 'smooth'
-        // })
-        // window.scrollTo({
-        //   top: 0,
-        //   behavior: 'smooth' // 平滑滚动
-        // });
+        // 向上滚动
         this.hide = false
         setTimeout(() => {
           $(window).scrollTop(0)
-          // window.scrollTo({
-          //   top: 0,
-          //   behavior: 'smooth' // 平滑滚动
-          // });
-          // this.scrollTop(0, 200)
         }, 300)
       }
       this.lastScrollTop = scrollTop
     },
-    scrollTop (number = 0, time) {
-      if (!time) {
-        document.body.scrollTop = document.documentElement.scrollTop = number;
-        return number;
-      }
-      const spacingTime = 20; // 设置循环的间隔时间  值越小消耗性能越高
-      let spacingInex = time / spacingTime; // 计算循环的次数
-      let nowTop = document.body.scrollTop + document.documentElement.scrollTop; // 获取当前滚动条位置
-      let everTop = (number - nowTop) / spacingInex; // 计算每次滑动的距离
-      let scrollTimer = setInterval(() => {
-        if (spacingInex > 0) {
-          spacingInex--;
-          this.scrollTop(nowTop += everTop);
-        } else {
-          clearInterval(scrollTimer); // 清除计时器
-        }
-      }, spacingTime);
-    },
     // 节流
     throttle (fn, time) {
       // 上一次的执行时间
@@ -551,716 +464,852 @@ export default {
 @import '../../styles/page/page.scss';
 $bannerHeight: 100vh;
 $bannerMh: 800px;
+
 .carousel {
-    z-index: 1;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
+  z-index: 1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: $bannerHeight;
+
+  img {
     height: $bannerHeight;
-    img {
-        height: $bannerHeight;
-        object-fit: cover;
-    }
-    /deep/.el-carousel__container {
-        height: $bannerHeight;
+    object-fit: cover;
+  }
+
+  /deep/.el-carousel__container {
+    height: $bannerHeight;
+  }
+
+  /deep/.el-carousel__arrow i {
+    font-size: 30px;
+  }
+
+  .texts {
+    position: absolute;
+    bottom: 20%;
+    left: 120px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+
+    h6,
+    .text {
+      padding: 20px 15px;
+      color: #fff;
+      background-color: rgba(0, 0, 0, 0.29);
     }
-    /deep/.el-carousel__arrow i {
-        font-size: 30px;
+
+    h6 {
+      margin-bottom: 30px;
+      font-size: 68px;
+      font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
     }
-    .texts {
-        position: absolute;
-        bottom: 20%;
-        left: 120px;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        h6,
-        .text {
-            padding: 20px 15px;
-            color: #fff;
-            background-color: rgba(0, 0, 0, 0.29);
-        }
-        h6 {
-            margin-bottom: 30px;
-            font-size: 68px;
-            font-family: AlimamaShuHeiTi-Bold, AlimamaShuHeiTi;
-        }
-        .text {
-            font-size: 24px;
-            font-family: AppleSystemUIFont;
-        }
+
+    .text {
+      font-size: 24px;
+      font-family: AppleSystemUIFont;
     }
+  }
 }
+
 .block-wrap {
-    z-index: 2;
-    position: relative;
-    top: $bannerHeight;
-    padding: 6rem 0 30px;
-    background-color: #fff;
-    transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
-    &.active {
-        top: 0;
-    }
+  z-index: 2;
+  position: relative;
+  top: $bannerHeight;
+  padding: 6rem 0 30px;
+  background-color: #fff;
+  transition: all 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s;
+
+  &.active {
+    top: 0;
+  }
 }
+
 .block {
-    padding-top: 3.15rem;
-    .b-title {
-        font-size: 35px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-    }
-    .intro {
-        margin-bottom: 3.6rem;
-        font-size: 26px;
-        font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
-        color: #5b5b5e;
-    }
+  padding-top: 3.15rem;
+
+  .b-title {
+    font-size: 35px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+  }
+
+  .intro {
+    margin-bottom: 3.6rem;
+    font-size: 26px;
+    font-family: FZLTXHK--GBK1-0, FZLTXHK--GBK1;
+    color: #5b5b5e;
+  }
 }
+
 .inner {
-    width: 1200px;
+  width: 1200px;
 }
+
 .card-block {
-    background: url(https://new.iasf.ac.cn/images/iasf/14.jpg) 0 0 / cover no-repeat;
+  background: url(https://new.iasf.ac.cn/images/iasf/14.jpg) 0 0 / cover no-repeat;
 }
+
 .card {
-    display: flex;
-    justify-content: space-between;
-    margin-top: 80px;
-    li {
-        position: relative;
-        width: calc((100% - 64px) / 2);
-        height: 402px;
-        transition: 0.3s;
-        overflow: hidden;
-        &:hover {
-            .project {
-                top: -100%;
-            }
-            .texts {
-                top: 0;
-            }
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-    }
-    .project {
-        position: absolute;
+  display: flex;
+  justify-content: space-between;
+  margin-top: 80px;
+
+  li {
+    position: relative;
+    width: calc((100% - 64px) / 2);
+    height: 402px;
+    transition: 0.3s;
+    overflow: hidden;
+
+    &:hover {
+      .project {
+        top: -100%;
+      }
+
+      .texts {
         top: 0;
-        left: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-        transition: 0.3s;
-    }
-    .texts {
-        position: absolute;
-        top: 100%;
-        left: 0;
-        display: flex;
-        justify-content: center;
-        flex-direction: column;
-        align-items: center;
-        width: 100%;
-        height: 100%;
-        padding: 0 60px;
-        text-align: center;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-        transition: 0.3s;
-    }
-    .name {
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    h6 {
-        margin: 10px 0 20px;
-        line-height: 63px;
-        font-size: 45px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        @include mul-ellipsis(2);
-    }
-    .des {
-        font-size: 28px;
-        line-height: 44px;
+      }
     }
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+  }
+
+  .project {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: 0.3s;
+  }
+
+  .texts {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+    padding: 0 60px;
+    text-align: center;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+    transition: 0.3s;
+  }
+
+  .name {
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  h6 {
+    margin: 10px 0 20px;
+    line-height: 63px;
+    font-size: 45px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    @include mul-ellipsis(2);
+  }
+
+  .des {
+    font-size: 28px;
+    line-height: 44px;
+  }
 }
+
 .news-wrap {
-    background: url(https://new.iasf.ac.cn/images/iasf/1.png) 0 0 / cover no-repeat;
+  background: url(https://new.iasf.ac.cn/images/iasf/1.png) 0 0 / cover no-repeat;
 }
+
 .news-title:after {
-    display: none;
+  display: none;
 }
+
 .news-banner {
-    display: flex;
-    margin-top: 20px;
-    cursor: pointer;
-    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-    &:hover {
-        .right {
-            background-color: #091733;
-        }
-        .pic-cover {
-            display: block;
-        }
-    }
-    .pic-wrap {
-        position: relative;
-        width: 50%;
-        overflow: hidden;
-    }
-    .pic-cover {
-        display: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(111, 182, 255, 0.2);
-    }
-    .pic {
-        transition: 0.5s;
-        object-fit: cover;
-    }
+  display: flex;
+  margin-top: 20px;
+  cursor: pointer;
+  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+
+  &:hover {
     .right {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        width: 50%;
-        padding: 42px 71px 42px 58px;
-        background: #026be1;
-        color: #fff;
-        transition: 0.3s;
-        h6 {
-            font-size: 24px;
-            font-family: PingFangSC-Semibold, PingFang SC;
-            line-height: 43px;
-            @include mul-ellipsis(2);
-        }
-        .des {
-            margin: 28px 0 25px;
-            font-size: 18px;
-            line-height: 32px;
-        }
-        .meta {
-            font-size: 16px;
-        }
-    }
-}
-.news {
-    display: flex;
-    flex-wrap: wrap;
-    margin: 20px 0;
-    li {
-        width: calc((100% - 40px) / 3);
-        margin-right: 20px;
-        background-color: #fff;
-        cursor: pointer;
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-        &:hover {
-            .pic-cover {
-                display: block;
-            }
-            .texts {
-                background-color: #091733;
-            }
-            .meta,
-            h6,
-            .des {
-                color: #fff;
-            }
-        }
-    }
-    .pic-wrap {
-        position: relative;
-        width: 100%;
-        height: 220px;
-        overflow: hidden;
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-        object-fit: cover;
+      background-color: #091733;
     }
+
     .pic-cover {
-        display: none;
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(111, 182, 255, 0.2);
-    }
-    .texts {
-        padding: 24px 28px;
-        background-color: #fff;
-        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-        transition: 0.3s;
-    }
-    .meta {
-        font-size: 16px;
-        color: #666;
-    }
-    h6 {
-        font-size: 20px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #333;
-        @include ellipsis;
-    }
-    .des {
-        height: 84px;
-        margin: 14px 0 16px;
-        font-size: 16px;
-        line-height: 28px;
-        color: #333;
+      display: block;
     }
-}
-.news-carousel {
+  }
+
+  .pic-wrap {
+    position: relative;
+    width: 50%;
+    overflow: hidden;
+  }
+
+  .pic-cover {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(111, 182, 255, 0.2);
+  }
+
+  .pic {
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .right {
+    position: relative;
     display: flex;
-    li {
-        position: relative;
-        width: calc((100% - 40px) / 3);
-        height: 284px;
-        margin-right: 20px;
-        overflow: hidden;
-        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
-        &:nth-child(3n) {
-            margin-right: 0;
-        }
-    }
-    .pic {
-        width: 100%;
-        height: 100%;
-        transition: 0.5s;
-        object-fit: cover;
-    }
-    .texts {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        padding: 50px 30px;
-        color: #fff;
-        background-color: rgba(0, 0, 0, 0.3);
-    }
+    flex-direction: column;
+    justify-content: center;
+    width: 50%;
+    padding: 42px 71px 42px 58px;
+    background: #026be1;
+    color: #fff;
+    transition: 0.3s;
+
     h6 {
-        font-size: 24px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        cursor: pointer;
-    }
-    .des-wrap {
-        height: 101px;
-        margin: 11px 0 25px;
-    }
-    .meta {
-        margin-bottom: 16px;
-        font-size: 18px;
-        color: rgba(255, 255, 255, 0.86);
+      font-size: 24px;
+      font-family: PingFangSC-Semibold, PingFang SC;
+      line-height: 43px;
+      @include mul-ellipsis(2);
     }
+
     .des {
-        font-size: 20px;
-        font-family: PingFangSC-Medium, PingFang SC;
-        -webkit-line-clamp: 2;
-        line-height: 30px;
-        cursor: pointer;
-    }
-    .date {
-        font-size: 16px;
-    }
-    .activity {
-        display: flex;
-        align-items: center;
-        margin-top: 10px;
-        .meta {
-            margin-bottom: 5px;
-        }
-        .des-wrap {
-            max-width: calc(100% - 100px);
-            height: auto;
-            margin: 0;
-        }
-    }
-    .date-y {
-        margin-right: 20px;
-        text-align: center;
-        color: #fff;
-        .d {
-            font-size: 28px;
-        }
-        .y {
-            padding-top: 5px;
-            margin-top: 5px;
-            font-size: 16px;
-            border-top: 1px solid #686868;
-        }
-    }
-    /deep/.el-carousel__indicators--horizontal {
-        bottom: 20px;
-        .el-carousel__indicator--horizontal {
-            width: 10px;
-            height: 10px;
-            padding: 0;
-            margin-right: 6px;
-            border-radius: 50%;
-            background: rgba(255, 255, 255, 0.65);
-            &.is-active {
-                background: #1583ff;
-            }
-        }
-        .el-carousel__button {
-            width: 0;
-        }
+      margin: 28px 0 25px;
+      font-size: 18px;
+      line-height: 32px;
     }
-    .action {
-        position: absolute;
-        bottom: 20px;
-        left: 50%;
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        color: rgba(255, 255, 255, 0.65);
-        transform: translateX(-50%);
+
+    .meta {
+      font-size: 16px;
     }
-    .inds {
-        display: inline-flex;
-        margin: 0 15px;
-        li {
-            width: 10px;
-            height: 10px;
-            margin-right: 6px;
-            background: rgba(255, 255, 255, 1);
-            border-radius: 50%;
-            transition: 0.2s;
-            cursor: pointer;
-            &.active {
-                background: #1583ff;
-            }
-            &:last-child {
-                margin-right: 0;
-            }
-        }
+  }
+}
+
+.news {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 20px 0;
+
+  li {
+    width: calc((100% - 40px) / 3);
+    margin-right: 20px;
+    background-color: #fff;
+    cursor: pointer;
+
+    &:nth-child(3n) {
+      margin-right: 0;
     }
-    .dir {
-        font-size: 1.2rem;
+
+    &:hover {
+      .pic-cover {
+        display: block;
+      }
+
+      .texts {
+        background-color: #091733;
+      }
+
+      .meta,
+      h6,
+      .des {
         color: #fff;
-        line-height: 1;
-        cursor: pointer;
+      }
     }
+  }
+
+  .pic-wrap {
+    position: relative;
+    width: 100%;
+    height: 220px;
+    overflow: hidden;
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .pic-cover {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(111, 182, 255, 0.2);
+  }
+
+  .texts {
+    padding: 24px 28px;
+    background-color: #fff;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+    transition: 0.3s;
+  }
+
+  .meta {
+    font-size: 16px;
+    color: #666;
+  }
+
+  h6 {
+    font-size: 20px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #333;
+    @include ellipsis;
+  }
+
+  .des {
+    height: 84px;
+    margin: 14px 0 16px;
+    font-size: 16px;
+    line-height: 28px;
+    color: #333;
+  }
 }
-.people-block {
-    background: url(../../assets/images/FEL.png) 0 0 / cover no-repeat;
-}
-.people {
+
+.news-carousel {
+  display: flex;
+
+  li {
+    position: relative;
+    width: calc((100% - 40px) / 3);
+    height: 284px;
+    margin-right: 20px;
+    overflow: hidden;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.06);
+
+    &:nth-child(3n) {
+      margin-right: 0;
+    }
+  }
+
+  .pic {
+    width: 100%;
+    height: 100%;
+    transition: 0.5s;
+    object-fit: cover;
+  }
+
+  .texts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 50px 30px;
+    color: #fff;
+    background-color: rgba(0, 0, 0, 0.3);
+  }
+
+  h6 {
+    font-size: 24px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    cursor: pointer;
+  }
+
+  .des-wrap {
+    height: 101px;
+    margin: 11px 0 25px;
+  }
+
+  .meta {
+    margin-bottom: 16px;
+    font-size: 18px;
+    color: rgba(255, 255, 255, 0.86);
+  }
+
+  .des {
+    font-size: 20px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    -webkit-line-clamp: 2;
+    line-height: 30px;
+    cursor: pointer;
+  }
+
+  .date {
+    font-size: 16px;
+  }
+
+  .activity {
     display: flex;
+    align-items: center;
+    margin-top: 10px;
 
-    li {
-        width: 33.33%;
-        padding: 20px 70px 40px;
-        text-align: center;
-        border-right: 1px solid #ddd;
-        cursor: pointer;
-        &:first-child {
-            // width: calc(33.33% - 70px);
-            // padding-left: 0;
-        }
-        &:nth-child(2) {
-            // width: calc(33.33% + 70px);
-        }
-        &:last-child {
-            // width: calc(33.33% - 70px);
-            // padding-right: 0;
-            border-right: 0;
-        }
+    .meta {
+      margin-bottom: 5px;
     }
-    .pic {
-        width: 259px;
-        height: 259px;
-        margin-bottom: 28px;
-        border-radius: 50%;
-        object-fit: cover;
+
+    .des-wrap {
+      max-width: calc(100% - 100px);
+      height: auto;
+      margin: 0;
     }
-    h6 {
-        font-size: 1.1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
+  }
+
+  .date-y {
+    margin-right: 20px;
+    text-align: center;
+    color: #fff;
+
+    .d {
+      font-size: 28px;
     }
-    .job {
-        margin: 18px 0 12px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #333;
+
+    .y {
+      padding-top: 5px;
+      margin-top: 5px;
+      font-size: 16px;
+      border-top: 1px solid #686868;
     }
-    .hobby {
-        margin-bottom: 15px;
-        font-size: 1rem;
-        color: #333;
+  }
+
+  /deep/.el-carousel__indicators--horizontal {
+    bottom: 20px;
+
+    .el-carousel__indicator--horizontal {
+      width: 10px;
+      height: 10px;
+      padding: 0;
+      margin-right: 6px;
+      border-radius: 50%;
+      background: rgba(255, 255, 255, 0.65);
+
+      &.is-active {
+        background: #1583ff;
+      }
     }
-    .text {
-        font-size: 1rem;
-        text-align: justify;
-        line-height: 1.6;
-        color: #333;
+
+    .el-carousel__button {
+      width: 0;
     }
-}
-.talent-block {
-    background: url(https://new.iasf.ac.cn/images/iasf/11.png) 0 0 / cover no-repeat;
-}
-.talent {
+  }
+
+  .action {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
     display: flex;
-    color: #fff;
-    border-radius: 0px 100px 0px 100px;
-    overflow: hidden;
-    .left {
-        width: 50%;
-        padding: 50px 80px 0 5%;
-        background: #111c43;
-    }
-    h6 {
-        font-size: 30px;
-        font-family: PingFangSC-Medium, PingFang SC;
-    }
-    .sub-title {
-        margin: 8px 0 20px;
-        font-size: 0.9rem;
+    align-items: center;
+    font-size: 14px;
+    color: rgba(255, 255, 255, 0.65);
+    transform: translateX(-50%);
+  }
+
+  .inds {
+    display: inline-flex;
+    margin: 0 15px;
+
+    li {
+      width: 10px;
+      height: 10px;
+      margin-right: 6px;
+      background: rgba(255, 255, 255, 1);
+      border-radius: 50%;
+      transition: 0.2s;
+      cursor: pointer;
+
+      &.active {
+        background: #1583ff;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
     }
-    .text {
-        margin-bottom: 60px;
-        font-size: 1rem;
-        line-height: 2;
+  }
+
+  .dir {
+    font-size: 1.2rem;
+    color: #fff;
+    line-height: 1;
+    cursor: pointer;
+  }
+}
+
+.people-block {
+  background: url(../../assets/images/FEL.png) 0 0 / cover no-repeat;
+}
+
+.people {
+  display: flex;
+
+  li {
+    width: 33.33%;
+    padding: 20px 70px 40px;
+    text-align: center;
+    border-right: 1px solid #ddd;
+    cursor: pointer;
+
+    &:first-child {
+      // width: calc(33.33% - 70px);
+      // padding-left: 0;
     }
-    .el-button {
-        font-size: 16px;
-        border: 0;
+
+    &:nth-child(2) {
+      // width: calc(33.33% + 70px);
     }
-    .pic {
-        width: 50%;
-        object-fit: cover;
+
+    &:last-child {
+      // width: calc(33.33% - 70px);
+      // padding-right: 0;
+      border-right: 0;
     }
+  }
+
+  .pic {
+    width: 259px;
+    height: 259px;
+    margin-bottom: 28px;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  h6 {
+    font-size: 1.1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .job {
+    margin: 18px 0 12px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #333;
+  }
+
+  .hobby {
+    margin-bottom: 15px;
+    font-size: 1rem;
+    color: #333;
+  }
+
+  .text {
+    font-size: 1rem;
+    text-align: justify;
+    line-height: 1.6;
+    color: #333;
+  }
 }
+
+.talent-block {
+  background: url(https://new.iasf.ac.cn/images/iasf/11.png) 0 0 / cover no-repeat;
+}
+
+.talent {
+  display: flex;
+  color: #fff;
+  border-radius: 0px 100px 0px 100px;
+  overflow: hidden;
+
+  .left {
+    width: 50%;
+    padding: 50px 80px 0 5%;
+    background: #111c43;
+  }
+
+  h6 {
+    font-size: 30px;
+    font-family: PingFangSC-Medium, PingFang SC;
+  }
+
+  .sub-title {
+    margin: 8px 0 20px;
+    font-size: 0.9rem;
+  }
+
+  .text {
+    margin-bottom: 60px;
+    font-size: 1rem;
+    line-height: 2;
+  }
+
+  .el-button {
+    font-size: 16px;
+    border: 0;
+  }
+
+  .pic {
+    width: 50%;
+    object-fit: cover;
+  }
+}
+
 .about {
-    padding: 100px 0 0;
-    background: url(https://new.iasf.ac.cn/images/iasf/12.png) 0 450px no-repeat;
-    .about-bg {
-        background-color: #0a7fec;
-    }
-    .inner {
-        position: relative;
-        height: 465px;
-        padding: 73px 0 58px;
-    }
-    .left {
-        width: 44%;
-    }
-    h6 {
-        font-size: 36px;
-        font-family: PingFangSC-Semibold, PingFang SC;
-        color: #fff;
-    }
-    .text {
-        margin: 24px 0 37px;
-        font-size: 20px;
-        line-height: 35px;
-        color: #fff;
-        @include mul-ellipsis(4);
-    }
-    .pic {
-        position: absolute;
-        top: -60px;
-        right: 0;
-        width: 632px;
-        height: 558px;
-        object-fit: cover;
-    }
+  padding: 100px 0 0;
+  background: url(https://new.iasf.ac.cn/images/iasf/12.png) 0 450px no-repeat;
+
+  .about-bg {
+    background-color: #0a7fec;
+  }
+
+  .inner {
+    position: relative;
+    height: 465px;
+    padding: 73px 0 58px;
+  }
+
+  .left {
+    width: 44%;
+  }
+
+  h6 {
+    font-size: 36px;
+    font-family: PingFangSC-Semibold, PingFang SC;
+    color: #fff;
+  }
+
+  .text {
+    margin: 24px 0 37px;
+    font-size: 20px;
+    line-height: 35px;
+    color: #fff;
+    @include mul-ellipsis(4);
+  }
+
+  .pic {
+    position: absolute;
+    top: -60px;
+    right: 0;
+    width: 632px;
+    height: 558px;
+    object-fit: cover;
+  }
 }
 
 .entry {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+
+  li {
+    display: inline-flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    text-align: center;
+  }
+
+  img {
+    max-width: 100px;
+    object-fit: cover;
+  }
+
+  .text {
+    margin-top: 15px;
+    font-size: 1rem;
+    font-family: PingFangSC-Medium, PingFang SC;
+    color: #48525e;
+  }
+}
+
+.tools {
+  z-index: 10;
+  position: fixed;
+  top: 60vh;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+
+  li {
     position: relative;
     display: flex;
-    justify-content: space-between;
-    li {
-        display: inline-flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        text-align: center;
+    justify-content: center;
+    align-items: center;
+    padding: 0 22px;
+    margin-bottom: 1px;
+    font-size: 20px;
+    color: #0084ff;
+    line-height: 56px;
+    background-color: rgba(19, 18, 19, 0.94);
+    cursor: pointer;
+    transition: 0.3s;
+
+    &:before {
+      content: '';
+      width: 28px;
+      height: 28px;
+      margin-right: 7px;
+      background: url(https://new.iasf.ac.cn/images/iasf/icon1.png) no-repeat;
     }
-    img {
-        max-width: 100px;
-        object-fit: cover;
+
+    &:nth-child(2):before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon2.png);
     }
-    .text {
-        margin-top: 15px;
-        font-size: 1rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        color: #48525e;
+
+    &:nth-child(2):hover:before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon2-1.png);
     }
-}
-.tools {
-    z-index: 10;
-    position: fixed;
-    top: 60vh;
-    right: 0;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    li {
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding: 0 22px;
-        margin-bottom: 1px;
-        font-size: 20px;
-        color: #0084ff;
-        line-height: 56px;
-        background-color: rgba(19, 18, 19, 0.94);
-        cursor: pointer;
-        transition: 0.3s;
-        &:before {
-            content: '';
-            width: 28px;
-            height: 28px;
-            margin-right: 7px;
-            background: url(https://new.iasf.ac.cn/images/iasf/icon1.png) no-repeat;
-        }
-        &:nth-child(2):before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon2.png);
-        }
-        &:nth-child(2):hover:before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon2-1.png);
-        }
-        &:nth-child(3):before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon3.png);
-        }
-        &:nth-child(3):hover:before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon3-1.png);
-        }
-        &:nth-child(4):before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon4.png);
-        }
-        &:nth-child(4):hover:before {
-            background-image: url(https://new.iasf.ac.cn/images/iasf/icon4-1.png);
-        }
-        &:hover {
-            justify-content: flex-start;
-            // width: 192px;
-            padding-right: 4rem;
-            color: #fff;
-            background-color: rgba(1, 129, 247, 0.94);
-            &:before {
-                background-image: url(https://new.iasf.ac.cn/images/iasf/icon1-1.png);
-            }
-        }
+
+    &:nth-child(3):before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon3.png);
     }
-    .icon {
-        margin-right: 10px;
+
+    &:nth-child(3):hover:before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon3-1.png);
+    }
+
+    &:nth-child(4):before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon4.png);
+    }
+
+    &:nth-child(4):hover:before {
+      background-image: url(https://new.iasf.ac.cn/images/iasf/icon4-1.png);
+    }
+
+    &:hover {
+      justify-content: flex-start;
+      // width: 192px;
+      padding-right: 4rem;
+      color: #fff;
+      background-color: rgba(1, 129, 247, 0.94);
+
+      &:before {
+        background-image: url(https://new.iasf.ac.cn/images/iasf/icon1-1.png);
+      }
     }
+  }
+
+  .icon {
+    margin-right: 10px;
+  }
 }
 
 @media (max-width: 1470px) {
-    .inner {
-        width: 95%;
-    }
-    .card {
-        li {
-            height: auto;
-        }
+  .inner {
+    width: 95%;
+  }
+
+  .card {
+    li {
+      height: auto;
     }
-    .about {
-        .pic {
-            width: 700px;
-            height: auto;
-        }
+  }
+
+  .about {
+    .pic {
+      width: 700px;
+      height: auto;
     }
+  }
 }
+
 @media (max-width: 1370px) {
-    .card {
-        .texts {
-            padding: 0 1rem;
-        }
+  .card {
+    .texts {
+      padding: 0 1rem;
     }
-    .about {
-        .inner {
-            height: auto;
-            text-align: center;
-        }
-        .left {
-            width: 100%;
-        }
-        .pic {
-            position: static;
-            width: auto;
-            max-width: 100%;
-            height: auto;
-            margin-top: 10px;
-        }
+  }
+
+  .about {
+    .inner {
+      height: auto;
+      text-align: center;
+    }
+
+    .left {
+      width: 100%;
     }
+
+    .pic {
+      position: static;
+      width: auto;
+      max-width: 100%;
+      height: auto;
+      margin-top: 10px;
+    }
+  }
 }
+
 @media (max-width: 1200px) {
-    .carousel .texts {
-        left: 5%;
-        right: 5%;
+  .carousel .texts {
+    left: 5%;
+    right: 5%;
+  }
+
+  .card {
+    flex-direction: column;
+
+    li {
+      margin-top: 1.25rem;
+      width: 100%;
     }
-    .card {
-        flex-direction: column;
-        li {
-            margin-top: 1.25rem;
-            width: 100%;
-        }
+  }
+
+  .news {
+    flex-direction: column;
+
+    li {
+      width: 100%;
     }
-    .news {
-        flex-direction: column;
-        li {
-            width: 100%;
-        }
+  }
+
+  .news-banner {
+    flex-direction: column;
+
+    .pic-wrap,
+    .right {
+      width: 100%;
     }
-    .news-banner {
-        flex-direction: column;
-        .pic-wrap,
-        .right {
-            width: 100%;
-        }
+  }
+
+  .news-carousel,
+  .people {
+    flex-direction: column;
+
+    li {
+      width: 100%;
+      margin-bottom: 10px;
     }
-    .news-carousel,
-    .people {
-        flex-direction: column;
-        li {
-            width: 100%;
-            margin-bottom: 10px;
-        }
+  }
+
+  .talent {
+    flex-direction: column;
+
+    .left,
+    .pic {
+      width: 100%;
     }
-    .talent {
-        flex-direction: column;
-        .left,
-        .pic {
-            width: 100%;
-        }
-        .left {
-            padding-bottom: 50px;
-            margin-bottom: 10px;
-        }
+
+    .left {
+      padding-bottom: 50px;
+      margin-bottom: 10px;
     }
-    .entry {
-        // flex-direction: column;
-        flex-wrap: wrap;
-        li {
-            width: 48% !important;
-            margin-bottom: 30px;
-        }
+  }
+
+  .entry {
+    // flex-direction: column;
+    flex-wrap: wrap;
+
+    li {
+      width: 48% !important;
+      margin-bottom: 30px;
     }
+  }
 }
 </style>
\ No newline at end of file
diff --git a/src/store/modules/content.js b/src/store/modules/content.js
index c9c57fb..e84ac2e 100644
--- a/src/store/modules/content.js
+++ b/src/store/modules/content.js
@@ -7,7 +7,8 @@ export default {
   namespaced: true,
   state: {
     site: 2,
-    keyword: ''
+    keyword: '',
+    scrollTop: 0,
   },
   getters: {
     site: state => {
@@ -21,6 +22,9 @@ export default {
     setKeyword: (state, keyword) => {
       state.keyword = keyword
     },
+    setScrollTop: (state, val) => {
+      state.scrollTop = val
+    },
   },
   actions: {
 
diff --git a/src/store/modules/layout.js b/src/store/modules/layout.js
index 0e7c1c3..7b0d5c3 100644
--- a/src/store/modules/layout.js
+++ b/src/store/modules/layout.js
@@ -3,20 +3,20 @@
  * */
 
 // 是否IE
-function isIE() {
-    if (!!window.ActiveXObject || "ActiveXObject" in window) return true;
-    return false;
+function isIE () {
+  if (!!window.ActiveXObject || "ActiveXObject" in window) return true;
+  return false;
 }
 
 export default {
-    namespaced: true,
-    state: {
-        isIE: isIE()
-    },
-    mutations: {
-        SET_IE: (state, val) => {
-            state.isIE = val;
-        }
-    },
-    actions: {}
+  namespaced: true,
+  state: {
+    isIE: isIE()
+  },
+  mutations: {
+    SET_IE: (state, val) => {
+      state.isIE = val;
+    }
+  },
+  actions: {}
 };
\ No newline at end of file