移动端banner

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>

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