version9

4

resources/Web/MicroCommunityIotWeb/html/components/frame/nav2/nav2.html

@@ -1,17 +1,22 @@
-<div class="vc-nav flex justify-between" id="nav">
-    <div>
-        <ul class="flex flex-start">
-            <!-- <li class="title"><a href="/">{{vc.i18n('systemName')}}</a></li> -->
+<div class="vc-nav flex justify-between" id="nav" style="position: relative;">
+    <!-- 顶部 logo 容器：复用侧边栏 logo 样式类 + 背景色 -->
+    <div class="vc-nav-logo vc-menu-main title">
+        <ul>
             <li class="title"><a href="/">{{logo}}</a></li>
-            <li :class="{'active' :item.active == '1' }" v-for="(item,index) in nav.catalogs" @click="_changeMenuCatalog(item)">
-                <i :class="item.icon"></i>{{item.name}}
-            </li>
-            <li  @click="_toChainMall()" style="color: red" v-if="nav.storeTypeCd == '800900000001'">
-                <i class="fa fa-shopping-cart"></i>采购设备
-            </li>
         </ul>
     </div>
-    <div>
+    <!-- 原顶部内容容器：整体右移，保持原有布局 -->
+    <div class="vc-nav-content flex justify-between w-full">
+        <div>
+            <ul class="flex flex-start">
+                <li :class="{'active' :item.active == '1' }" v-for="(item,index) in nav.catalogs" @click="_changeMenuCatalog(item)">
+                    <i :class="item.icon"></i>{{item.name}}
+                </li>
+                <li @click="_toChainMall()" style="color: red" v-if="nav.storeTypeCd == '800900000001'">
+                    <i class="fa fa-shopping-cart"></i>采购设备
+                </li>
+            </ul>
+        </div>
         <ul class="nav flex flex-start">
             <li class="dropdown" v-if="nav.storeTypeCd != '800900000001' && nav.storeTypeCd != '800900000002' && nav.storeTypeCd != '800900000000'">
                 <span class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">