From aaedfdbc81c84b630d61dc6fa5f15e97b8876601 Mon Sep 17 00:00:00 2001
From: clay <20932067@zju.edu.cn>
Date: Mon, 3 Jan 2022 21:02:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AFbanner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/header/mobile_herder.vue | 46 ++++++++++++++++++++++++------
 src/views/index/index.vue          |  6 ++--
 2 files changed, 40 insertions(+), 12 deletions(-)

diff --git a/src/views/header/mobile_herder.vue b/src/views/header/mobile_herder.vue
index de13fa5..41094d7 100644
--- a/src/views/header/mobile_herder.vue
+++ b/src/views/header/mobile_herder.vue
@@ -1,14 +1,19 @@
 <template>
 <div class="mobile_herder">
-  <div class="top">
+  <div class="bottom">
+    <div @click="drawer = true">
+      <i class="el-icon-s-fold"></i>
+    </div>
+    <div class="img">
+      <img src="@/assets/header/sy_logo1@2x.png" alt="">
+    </div>
+    <div class="img">
+      <img src="@/assets/header/sy_logo2@2x.png" alt="">
+    </div>
     <div class="switchLang" @click="switchLang">{{ $t('message.switch') }}</div>
   </div>
-  <div class="bottom" @click="drawer = true">
-    <i class="el-icon-s-fold"></i>
-  </div>
-<!--  <i class="el-icon-s-unfold"></i>-->
   <el-drawer
-    size="50%"
+    size="60%"
     :append-to-body="true"
     :withHeader="false"
     :visible.sync="drawer"
@@ -219,12 +224,35 @@ export default {
       color: #ffffff;
     }
     .bottom{
-      margin-left: 2rem;
+      background-color: #1956BC;
+      padding-left: 2rem;
       font-size: 5rem;
-      height: 6rem;
+      height: 6.3rem;
       line-height: 6rem;
       cursor: pointer;
-      width: 100%;
+      clear: left;
+      .el-icon-s-fold{
+        width: 6rem;
+        height: 6rem;
+        color: white;
+      }
+      div{
+        float: left;
+      }
+      .switchLang{
+        float: right;
+        font-size: 2rem;
+        color: #ffffff;
+        margin-right: 3rem;
+      }
+      img{
+        height: 3rem;
+        line-height: 6rem;
+      }
+      .img{
+        margin-left: 3rem;
+      }
+      //width: 100%;
     }
   }
 </style>
diff --git a/src/views/index/index.vue b/src/views/index/index.vue
index e0952ac..7e9406b 100644
--- a/src/views/index/index.vue
+++ b/src/views/index/index.vue
@@ -79,11 +79,11 @@ export default {
 
   .next {
     //width: 100%;
-    width: 6rem;
+    width: 3.4vw;
     left: 50%;
-    bottom: 8rem;
+    bottom: 2.3vw;
     position: absolute;
-    margin-left: -3rem;
+    margin-left: -1.7vw;
     cursor: pointer;
     img{
       width: 100%;