顶部状态栏浮层布局处理

src/components/base/topNav.vue

@@ -25,8 +25,17 @@
         </span>
       </div>
 
+        <el-dropdown class="lang-container" @command="handleCommand">
+        <span class="fs16">
+          {{ languaueName }}<i class="el-icon-arrow-down el-icon--right"></i>
+        </span>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item command="zh">{{ $t('navbar.chinese') }}</el-dropdown-item>
+            <el-dropdown-item command="en">{{ $t('navbar.english') }}</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
 
-        <div class="item item-select">
+<!--        <div class="item item-select">
           <span class="hover-item">
             {{ languaueName }} <i class="ico-arrow el-icon-arrow-down"></i>
           </span>
@@ -38,7 +47,7 @@
               {{ $t('navbar.english') }}
             </div>
           </div>
-        </div>
+        </div>-->
 
         <!-- 购物车 -->
         <div class="item item-select">
@@ -578,8 +587,8 @@ $navSearchHeight: 39px;
     }
     .cart-box{
       position: absolute;
-      top: 49px;
-      // top: 100%;
+      //top: 49px;
+      top: 100%;
       background-color: #fff;
       z-index: 999;
       border-radius: 5px;
@@ -695,8 +704,9 @@ $navSearchHeight: 39px;
       }
       &.user-box{
         width: 400px;
-        top: 48px;
-        left: -315px;
+        //top: 48px;
+        top: 100%;
+        left: -260px;
         // padding: 18px 0;
         display: none;
         .info{
@@ -797,4 +807,8 @@ $navSearchHeight: 39px;
     }
   }
 }
+
+.lang-container{
+  margin-left: 12px;
+}
 </style>