顶部状态栏浮层布局处理

src/components/base/topNav.vue

@@ -24,9 +24,18 @@
           <i class="icon el-icon-search"></i>
         </span>
       </div>
-   
 
-        <div class="item item-select">
+        <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">
           <span class="hover-item">
             {{ languaueName }} <i class="ico-arrow el-icon-arrow-down"></i>
           </span>
@@ -38,8 +47,8 @@
               {{ $t('navbar.english') }}
             </div>
           </div>
-        </div>
-       
+        </div>-->
+
         <!-- 购物车 -->
         <div class="item item-select">
           <span class="hover-item" @click="goToShopCart">
@@ -465,7 +474,7 @@ $navSearchHeight: 39px;
       align-content: center;
       justify-content: center;
       align-items: center;
-    
+
       .logoimg{
         width:110px;
         height:21px;
@@ -519,7 +528,7 @@ $navSearchHeight: 39px;
         font-family: Microsoft YaHei;
         font-weight: 400;
         color: #252744;
-        
+
         span{
           cursor: pointer;
           b{
@@ -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>