百色农校

components/AppHeader/AppHeader.vue

@@ -1,14 +1,23 @@
 <template>
   <!-- 头部组件 -->
-  <div class="sm:p-0 px-4 shadow-sm fixed z-100 top-0 w-full bg-white">
+  <div class="shadow-sm fixed z-100 top-0 left-0 w-full bg-white">
     <!-- 顶部通栏 -->
     <TopBar />
     <!-- 导航栏 -->
-    <div class="flex justify-between xl:w-screen-xl m-auto">
-      <el-space>
-        <Logo />
-        <Menu :data="navigations" />
-      </el-space>
+    <div class="flex justify-between clear-both hidden-sm-and-down">
+      <div class="flex flex-col w-full">
+        <div class="flex justify-between menu-bg w-full py-3">
+          <div class="xl:w-screen-xl m-auto flex justify-between">
+            <Logo />
+            <img src="https://gxbsnx.com/Temp/images/background/title_right.png" width="291" height="88" />
+          </div>
+        </div>
+        <div class="w-full bg-white">
+          <div class="xl:w-screen-xl m-auto">
+            <Menu :data="navigations" />
+          </div>
+        </div>
+      </div>
       <Login />
     </div>
   </div>