diff --git a/src/assets/index/academy_and_sciences/bj.png b/src/assets/index/academy_and_sciences/bj.png
new file mode 100644
index 0000000..dca5f17
Binary files /dev/null and b/src/assets/index/academy_and_sciences/bj.png differ
diff --git a/src/assets/index/academy_and_sciences/bj@2x.png b/src/assets/index/academy_and_sciences/bj@2x.png
new file mode 100644
index 0000000..e8c8538
Binary files /dev/null and b/src/assets/index/academy_and_sciences/bj@2x.png differ
diff --git a/src/assets/index/academy_and_sciences/gangduobai1.png b/src/assets/index/academy_and_sciences/gangduobai1.png
new file mode 100644
index 0000000..e85a61c
Binary files /dev/null and b/src/assets/index/academy_and_sciences/gangduobai1.png differ
diff --git a/src/assets/index/academy_and_sciences/gangduobai1@2x.png b/src/assets/index/academy_and_sciences/gangduobai1@2x.png
new file mode 100644
index 0000000..066cab4
Binary files /dev/null and b/src/assets/index/academy_and_sciences/gangduobai1@2x.png differ
diff --git a/src/assets/index/academy_and_sciences/shijian2.png b/src/assets/index/academy_and_sciences/shijian2.png
new file mode 100644
index 0000000..d862a7c
Binary files /dev/null and b/src/assets/index/academy_and_sciences/shijian2.png differ
diff --git a/src/assets/index/academy_and_sciences/shijian2@2x.png b/src/assets/index/academy_and_sciences/shijian2@2x.png
new file mode 100644
index 0000000..6f60ee6
Binary files /dev/null and b/src/assets/index/academy_and_sciences/shijian2@2x.png differ
diff --git a/src/assets/index/academy_and_sciences/shijian3.png b/src/assets/index/academy_and_sciences/shijian3.png
new file mode 100644
index 0000000..dca94a0
Binary files /dev/null and b/src/assets/index/academy_and_sciences/shijian3.png differ
diff --git a/src/assets/index/academy_and_sciences/shijian3@2x.png b/src/assets/index/academy_and_sciences/shijian3@2x.png
new file mode 100644
index 0000000..5846b96
Binary files /dev/null and b/src/assets/index/academy_and_sciences/shijian3@2x.png differ
diff --git a/src/assets/index/undergraduate_and_graduate/benka.png b/src/assets/index/undergraduate_and_graduate/benka.png
new file mode 100644
index 0000000..d6a59e7
Binary files /dev/null and b/src/assets/index/undergraduate_and_graduate/benka.png differ
diff --git a/src/assets/index/undergraduate_and_graduate/benka@2x.png b/src/assets/index/undergraduate_and_graduate/benka@2x.png
new file mode 100644
index 0000000..4b518a1
Binary files /dev/null and b/src/assets/index/undergraduate_and_graduate/benka@2x.png differ
diff --git a/src/assets/index/undergraduate_and_graduate/boshimaobeifen.png b/src/assets/index/undergraduate_and_graduate/boshimaobeifen.png
new file mode 100644
index 0000000..858c9e7
Binary files /dev/null and b/src/assets/index/undergraduate_and_graduate/boshimaobeifen.png differ
diff --git a/src/assets/index/undergraduate_and_graduate/boshimaobeifen@2x.png b/src/assets/index/undergraduate_and_graduate/boshimaobeifen@2x.png
new file mode 100644
index 0000000..838250f
Binary files /dev/null and b/src/assets/index/undergraduate_and_graduate/boshimaobeifen@2x.png differ
diff --git a/src/views/index/components/academy_and_sciences.vue b/src/views/index/components/academy_and_sciences.vue
index 2ef00cb..9acb3ea 100644
--- a/src/views/index/components/academy_and_sciences.vue
+++ b/src/views/index/components/academy_and_sciences.vue
@@ -1,15 +1,315 @@
 <template>
-<div>
-  科学 学术
-</div>
+  <div class="academy_and_sciences">
+    <el-row>
+      <el-col :span="5">
+        <div class="grid-content"></div>
+      </el-col>
+      <el-col :span="14">
+        <el-row>
+          <el-col :span="12">
+            <div class="sciences_title">
+              科学研究
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                复旦大学蒋轶教授学术报告
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                复旦大学蒋轶教授学术报告
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="sciences_content">
+              <div class="sciences_content_time">
+                10-03
+              </div>
+              <div class="sciences_content_text">
+                徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
+              </div>
+            </div>
+            <div class="more">
+              <span class="more_text">更多</span>
+              <img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
+            </div>
+          </el-col>
+
+          <el-col :span="12">
+            <div class="academy_title">
+              学术交流
+            </div>
+            <el-row>
+              <el-col :span="11">
+                <div class="academy_content">
+                  <div class="academy_content_icontime">
+                    <div class="img"></div>
+                    <span>2022-10-08</span>
+                  </div>
+                  <div class="academy_content_title">
+                    信息科学与技术学院开展英
+                  </div>
+                  <div class="academy_content_text">
+                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  </div>
+                </div>
+                <div class="academy_content">
+                  <div class="academy_content_icontime">
+                    <div class="img"></div>
+                    <span>2022-10-08</span>
+                  </div>
+                  <div class="academy_content_title">
+                    信息科学与技术学院开展英
+                  </div>
+                  <div class="academy_content_text">
+                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  </div>
+                </div>
+              </el-col>
+              <el-col :span="2">
+                <div class="grid-content"></div>
+              </el-col>
+              <el-col :span="11">
+                <div class="academy_content">
+                  <div class="academy_content_icontime">
+                    <div class="img"></div>
+                    <span>2022-10-08</span>
+                  </div>
+                  <div class="academy_content_title">
+                    信息科学与技术学院开展英
+                  </div>
+                  <div class="academy_content_text">
+                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  </div>
+                </div>
+                <div class="academy_content">
+                  <div class="academy_content_icontime">
+                    <div class="img"></div>
+                    <span>2022-10-08</span>
+                  </div>
+                  <div class="academy_content_title">
+                    信息科学与技术学院开展英
+                  </div>
+                  <div class="academy_content_text">
+                    为加强学院学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  </div>
+                </div>
+              </el-col>
+            </el-row>
+            <div class="more">
+              <span class="more_text">更多</span>
+              <img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
+            </div>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
+  </div>
 </template>
 
 <script>
 export default {
   name: "academy_and_sciences"
-}
+};
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+/deep/ .el-col-2 {
+  width: 8%;
+}
 
+.academy_and_sciences {
+  background-image: url("../../../assets/index/academy_and_sciences/bj.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 68.3rem;
+
+  .sciences_title, .academy_title {
+    display: flex;
+    width: 18rem;
+    height: 5.9rem;
+    line-height: 5.9rem;
+    border-radius: 1.3rem 0 0 1.3rem;
+    font-size: 3rem;
+    font-weight: 500;
+    letter-spacing: .1rem;
+    color: #FFFFFF;
+    text-align: left;
+    background: linear-gradient(240deg, rgba(0, 75, 177, 0) 0%, rgba(6, 79, 175, 0.64) 44%, #0A51AE 100%);
+    padding-left: 1.9rem;
+    margin-top: 8.1rem;
+    margin-bottom: 5rem;
+  }
+
+  .sciences_content {
+    display: flex;
+    margin-bottom: 1.6rem;
+
+    &_time {
+      //width: 38px;
+      //height: 18px;
+      font-size: 1.3rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      line-height: 2.3rem;
+      margin-right: 1.4rem;
+    }
+
+    &_text {
+      width: 81%;
+      //height: 23px;
+      font-size: 1.6rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      line-height: 2.3rem;
+    }
+  }
+
+  .more {
+    width: 100%;
+    display: flex;
+    height: 2.3rem;
+    margin-top: 3.4rem;
+
+    .more_text {
+      font-size: 1.6rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      letter-spacing: .2rem;
+    }
+
+    img {
+      width: 2.9rem;
+      height: 1.4rem;
+      margin-left: 0.8rem;
+      margin-top: .5rem;
+    }
+  }
+
+  .academy_content {
+    &:hover {
+      box-shadow: 0 8px 11px 0 rgba(0, 73, 174, 0.5);
+      background: #FFFFFF;
+
+      &_icontime{
+        .img {
+          background-image: url('../../../assets/index/academy_and_sciences/shijian2.png');
+        }
+        span {
+          color: #0049AF;
+        }
+      }
+      &_title{
+        color: #0049AF;
+      }
+
+      &_text {
+        color: #575757;
+      }
+    }
+
+    padding: 2.5rem 2.3rem;
+    background: rgba(10, 81, 174, 0.89);
+    border-radius: 16px;
+    margin-bottom: 1.9rem;
+
+    &_icontime {
+      display: flex;
+      margin-bottom: 1.1rem;
+      .img {
+        background-image: url('../../../assets/index/academy_and_sciences/shijian3.png');
+        background-size: 1.5rem;
+        width: 1.5rem;
+        height: 1.5rem;
+        margin-right: .9rem;
+      }
+
+      span {
+        //width: 79px;
+        //height: 18px;
+        font-size: 1.3rem;
+        font-weight: 500;
+        color: #FFFFFF;
+        line-height: 1.85rem;
+      }
+    }
+
+    &_title {
+      //width: 139px;
+      width: 100%;
+      //height: 38px;
+      font-size: 1.4rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      line-height: 1.9rem;
+      letter-spacing: .1rem;
+      margin-bottom: .6rem;
+    }
+
+    &_text {
+      //width: 139px;
+      width: 100%;
+      //height: 41px;
+      font-size: 1rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      line-height: 1.4rem;
+      letter-spacing: .1rem;
+    }
+  }
+}
 </style>
diff --git a/src/views/index/components/announcements.vue b/src/views/index/components/announcements.vue
index f9cf491..7116949 100644
--- a/src/views/index/components/announcements.vue
+++ b/src/views/index/components/announcements.vue
@@ -24,7 +24,10 @@
       </el-col>
       <el-col :span="14">
         <el-row justify="space-between">
-          <el-col :span="7">
+          <el-col :span="1">
+            <div class="grid-content"></div>
+          </el-col>
+          <el-col :span="6">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -40,7 +43,7 @@
           <el-col :span="1">
             <div class="grid-content"></div>
           </el-col>
-          <el-col :span="7">
+          <el-col :span="6">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -56,7 +59,7 @@
           <el-col :span="1">
             <div class="grid-content"></div>
           </el-col>
-          <el-col :span="7">
+          <el-col :span="6">
             <div class="announcements_text">
               <div class="announcements_text_line_time">
                 <div class="announcements_text_line_time_btime">27</div>
@@ -69,6 +72,9 @@
               </div>
             </div>
           </el-col>
+          <el-col :span="1">
+            <div class="grid-content"></div>
+          </el-col>
         </el-row>
       </el-col>
     </el-row>
@@ -96,7 +102,7 @@ export default {
 
 <style scoped lang="scss">
 /deep/ .el-col-1 {
-  width: 6.25%;
+  width: 6%;
 }
 
 .announcements {
diff --git a/src/views/index/components/news_center.vue b/src/views/index/components/news_center.vue
index 99d4a7f..bb12fbe 100644
--- a/src/views/index/components/news_center.vue
+++ b/src/views/index/components/news_center.vue
@@ -185,10 +185,10 @@ export default {
 
     .title {
       display: flex;
-      width: 25.9rem;
+      width: 24rem;
       height: 5.9rem;
       line-height: 5.9rem;
-      border-radius: 2rem;
+      border-radius: 1.3rem 0 0 1.3rem;
       font-size: 3rem;
       font-weight: 500;
       letter-spacing: .1rem;
diff --git a/src/views/index/components/undergraduate_and_graduate.vue b/src/views/index/components/undergraduate_and_graduate.vue
index 8af2380..64ea641 100644
--- a/src/views/index/components/undergraduate_and_graduate.vue
+++ b/src/views/index/components/undergraduate_and_graduate.vue
@@ -1,13 +1,220 @@
 <template>
+  <div class="undergraduate_and_graduate">
+    <el-row>
+      <el-col :span="5">
+        <div class="grid-content"></div>
+      </el-col>
+      <el-col :span="14">
+        <el-row class="undergraduate_and_graduate_bgc">
+          <el-col :span="12">
+            <div class="undergraduate headline">
+              <img src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
+              <span>本科教育</span>
+            </div>
+            <div class="vline">
+              <div class="undergraduate_content">
+                <div class="undergraduate_content_time">
+                  10-03
+                </div>
+                <div class="undergraduate_content_text">
+                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                </div>
+              </div>
+              <div class="undergraduate_content">
+                <div class="undergraduate_content_time">
+                  10-03
+                </div>
+                <div class="undergraduate_content_text">
+                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                </div>
+              </div>
+              <div class="undergraduate_content">
+                <div class="undergraduate_content_time">
+                  10-03
+                </div>
+                <div class="undergraduate_content_text">
+                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                </div>
+              </div>
+              <div class="undergraduate_content">
+                <div class="undergraduate_content_time">
+                  10-03
+                </div>
+                <div class="undergraduate_content_text">
+                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                </div>
+              </div>
+              <div class="undergraduate_content">
+                <div class="undergraduate_content_time">
+                  10-03
+                </div>
+                <div class="undergraduate_content_text">
+                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                </div>
+              </div>
+              <div class="more">
+                <span class="more_text">更多</span>
+                <img src="../../../assets/index/news_center/gd_icon.png" alt="">
+              </div>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="graduate headline">
+              <img src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
+              <span>研究生教育</span>
+            </div>
+            <div class="undergraduate_content">
+              <div class="undergraduate_content_time">
+                10-03
+              </div>
+              <div class="undergraduate_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="undergraduate_content">
+              <div class="undergraduate_content_time">
+                10-03
+              </div>
+              <div class="undergraduate_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="undergraduate_content">
+              <div class="undergraduate_content_time">
+                10-03
+              </div>
+              <div class="undergraduate_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="undergraduate_content">
+              <div class="undergraduate_content_time">
+                10-03
+              </div>
+              <div class="undergraduate_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="undergraduate_content">
+              <div class="undergraduate_content_time">
+                10-03
+              </div>
+              <div class="undergraduate_content_text">
+                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+              </div>
+            </div>
+            <div class="more">
+              <span class="more_text">更多</span>
+              <img src="../../../assets/index/news_center/gd_icon.png" alt="">
+            </div>
+          </el-col>
+        </el-row>
+      </el-col>
+    </el-row>
 
+  </div>
 </template>
 
 <script>
 export default {
   name: "undergraduate_and_graduate"
-}
+};
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+.undergraduate_and_graduate {
+  background-image: url("../../../assets/index/announcements/sy_bj3.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 100%;
+  height: 54.2rem;
 
+  &_bgc {
+    background-color: #fff;
+    height: 33.8rem;
+    margin-top: 8.1rem;
+  }
+
+  .headline {
+    display: flex;
+    background: #004AAF;
+    height: 5.6rem;
+    margin-bottom: 3.1rem;
+
+    img {
+      margin: 1.2rem 1.5rem 1.2rem 4.4rem;
+    }
+
+    span {
+      //width: 129px;
+      //height: 44px;
+      font-size: 3.1rem;
+      font-weight: 500;
+      color: #FFFFFF;
+      line-height: 4.4rem;
+      letter-spacing: .1rem;
+    }
+  }
+  .vline {
+    border-right: 1px solid #CCCCCC;
+  }
+  .undergraduate {
+    border-radius: 36px 0 0 0;
+    &_content {
+      display: flex;
+      margin-bottom: 1.5rem;
+
+      &_time {
+        //width: 38px;
+        //height: 18px;
+        font-size: 1.3rem;
+        font-weight: 500;
+        color: #0D52B3;
+        line-height: 1.8rem;
+        margin-right: 1.5rem;
+        margin-left: 2.1rem;
+      }
+
+      &_text {
+        &:hover {
+          color: #0D52B3;
+        }
+
+        width: 81%;
+        //height: 23px;
+        font-size: 1.6rem;
+        font-weight: 500;
+        color: #000000;
+        line-height: 2.3rem;
+      }
+    }
+
+  }
+
+  .more {
+    width: 100%;
+    display: flex;
+    height: 2.3rem;
+    margin-top: 3.1rem;
+    margin-left: 2.1rem;
+
+    .more_text {
+      font-size: 1.6rem;
+      font-weight: 500;
+      color: #8B8B8B;
+      letter-spacing: .2rem;
+    }
+
+    img {
+      width: 2.9rem;
+      height: 1.4rem;
+      margin-left: 0.8rem;
+      margin-top: .5rem;
+    }
+  }
+
+  .graduate {
+    border-radius: 0 36px 0 0;
+  }
+}
 </style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index 0509314..f4dd01d 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -6,47 +6,59 @@
       </el-col>
     </el-row>
     <el-row>
-      <el-col >
+      <el-col>
         <NewsCenter/>
       </el-col>
     </el-row>
-<el-row>
-  <el-col>
-    <Announcements/>
-  </el-col>
-</el-row>
-<!--    <el-row>-->
-<!--      <el-col>-->
-<!--        <ResearchTrends/>-->
-<!--      </el-col>-->
-<!--    </el-row>-->
-<!--    <el-row v-if="$i18n.locale  === 'cn'">-->
-<!--      <el-col>-->
-<!--        <PartyBuildingActivities/>-->
-<!--      </el-col>-->
-<!--    </el-row>-->
-<!--    <el-row>-->
-<!--      <el-col>-->
-<!--        <TeachingStudent/>-->
-<!--      </el-col>-->
-<!--    </el-row>-->
-<!--    <el-row v-show="width>=1100">-->
-<!--      <el-col>-->
-<!--        <Bottom/>-->
-<!--      </el-col>-->
-<!--    </el-row>-->
+    <el-row>
+      <el-col>
+        <Announcements/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col>
+        <AcademyAndSciences/>
+      </el-col>
+    </el-row>
+    <el-row>
+      <el-col>
+        <UndergraduateAndGraduate/>
+      </el-col>
+    </el-row>
+    <!--    <el-row>-->
+    <!--      <el-col>-->
+    <!--        <ResearchTrends/>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+    <!--    <el-row v-if="$i18n.locale  === 'cn'">-->
+    <!--      <el-col>-->
+    <!--        <PartyBuildingActivities/>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+    <!--    <el-row>-->
+    <!--      <el-col>-->
+    <!--        <TeachingStudent/>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
+    <!--    <el-row v-show="width>=1100">-->
+    <!--      <el-col>-->
+    <!--        <Bottom/>-->
+    <!--      </el-col>-->
+    <!--    </el-row>-->
   </div>
 </template>
 
 <script>
-import NewsCenter from './components/news_center'
-import Carousel from './components/carousel'
+import NewsCenter from "./components/news_center";
+import Carousel from "./components/carousel";
 import Announcements from "./components/announcements";
-import PartyBuildingActivities from './components/party_building_activities.vue'
-import ResearchTrends from './components/scientific_research_trends.vue'
-import SlideshowCard from './components/slideshow_card.vue'
-import TeachingStudent from './components/teaching_student.vue'
-import Bottom from './components/bottom.vue'
+import AcademyAndSciences from "@/views/index/components/academy_and_sciences";
+import PartyBuildingActivities from "./components/party_building_activities.vue";
+import UndergraduateAndGraduate from "@/views/index/components/undergraduate_and_graduate";
+import ResearchTrends from "./components/scientific_research_trends.vue";
+import SlideshowCard from "./components/slideshow_card.vue";
+import TeachingStudent from "./components/teaching_student.vue";
+import Bottom from "./components/bottom.vue";
 import {getConfig} from "@/api";
 import {setAppLanguage, setLanguage} from "@/utils/sist";
 
@@ -54,6 +66,8 @@ import {setAppLanguage, setLanguage} from "@/utils/sist";
 export default {
   name: "index",
   components: {
+    UndergraduateAndGraduate,
+    AcademyAndSciences,
     Announcements,
     NewsCenter,
     PartyBuildingActivities,
@@ -66,44 +80,44 @@ export default {
   data() {
     return {
       width: document.documentElement.clientWidth,
-      imageUrl:null,
+      imageUrl: null,
       iftop: false,
-      timer : true,
-    }
+      timer: true
+    };
   },
   beforeDestroy() { //及时释放
-    window.removeEventListener('scroll', this.handleScroll)
+    window.removeEventListener("scroll", this.handleScroll);
   },
   created() {
-    setLanguage(this)
-    getConfig("sist_bg").then(res=>{
-      this.imageUrl = res.data
-    })
+    setLanguage(this);
+    getConfig("sist_bg").then(res => {
+      this.imageUrl = res.data;
+    });
   },
   mounted() {
-    window.addEventListener('scroll', this.handleScroll)
+    window.addEventListener("scroll", this.handleScroll);
 
-    const that = this
+    const that = this;
     window.onresize = () => {
       return (() => {
         //这里写要操作的函数
-        window.screenWidth = document.body.clientWidth
-        that.width = window.screenWidth>992
-      })()
-    }
+        window.screenWidth = document.body.clientWidth;
+        that.width = window.screenWidth > 992;
+      })();
+    };
 
 
   },
   methods: {
     handleScroll() {
-      this.iftop = window.pageYOffset > 400
-      this.$emit("input", window.pageYOffset)
+      this.iftop = window.pageYOffset > 400;
+      this.$emit("input", window.pageYOffset);
     },
     backTop() {
-      window.scrollTo({top: 0, behavior: 'smooth',})
+      window.scrollTo({top: 0, behavior: "smooth"});
     }
   }
-}
+};
 </script>
 
 <style scoped lang="scss">
@@ -124,7 +138,8 @@ export default {
     position: absolute;
     margin-left: -1.7vw;
     cursor: pointer;
-    img{
+
+    img {
       width: 100%;
     }
   }