优化样式

src/views/main-index.vue

@@ -86,7 +86,7 @@ export default {
   .item-left{
     cursor: pointer;
     height: 100%;
-    width: 31%;
+    width: 40%;
     display: flex;
     align-items: center;
     justify-content: center;

src/views/main-navbar.vue

@@ -36,7 +36,7 @@
           <el-menu-item index="1">首页</el-menu-item>
         </el-menu>
       <div class="mr-auto aui-menu-w menu-width">
-        <i class="arrow el-icon-arrow-left" @click="scrollTab('left')"></i>
+        <!-- <i class="arrow el-icon-arrow-left" @click="scrollTab('left')"></i> -->
         <el-menu
           class="aui-navbar__menu scroll-ui"
           mode="horizontal"
@@ -44,7 +44,7 @@
           @select="handleSelect">
           <el-menu-item v-for="(item,index) in routeList_F" :key="index" :id="'li'+index" :index="index.toString()">{{item.name}}</el-menu-item>
         </el-menu>
-        <i class="arrow el-icon-arrow-right" @click="scrollTab('right')"></i>
+        <!-- <i class="arrow el-icon-arrow-right" @click="scrollTab('right')"></i> -->
       </div>
       <el-menu class="aui-navbar__menu"
                mode="horizontal">
@@ -208,9 +208,9 @@ export default {
   box-shadow: 0px 2px 8px 0px rgba(187, 187, 227, 0.35);
 }
 .menu-width{
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  // display: flex;
+  // align-items: center;
+  // justify-content: center;
   width: 70%;
 }
 .arrow{