顶栏

web/dbzq.html

@@ -12,42 +12,39 @@
     <!-- 板块1：顶部工具栏 -->
     <div class="topbar">
         <div class="wrap">
-            <span class="welcome">
-                <img src="assest/房子 1@2x.png" alt="">
-                东部战区海军强军网集群
-                <img class="arrow" src="assest/Polygon 28.png" alt="">
-            </span>
+            <img class="welcome-icon" src="assest/房子 1@2x.png" alt="">
+            <span class="welcome-text">东部战区海军强军网集群</span>
+            <img class="welcome-arrow" src="assest/Polygon 28.png" alt="">
+
             <span class="nav">军网导航</span>
             <img class="nav-arrow" src="assest/Polygon 28.png" alt="">
+
             <form class="searchbox" onsubmit="return false;">
-                <input type="text" placeholder="请输入关键字">
+                <div class="search-input-wrap">
+                    <img class="search-icon" src="assest/Vector.png" alt="">
+                    <input type="text" placeholder="请输入关键字">
+                </div>
                 <button type="submit">全站搜索</button>
             </form>
-            <div class="toplinks">
-                <a href="javascript:;">陈章溦 已登录</a> |
-                <a href="javascript:;">退出</a> |
-                <a href="javascript:;">注册</a> |
-                <a href="javascript:;">网盘</a>
-            </div>
+
+            <a class="user-info" href="javascript:;">标题标题 已登录</a>
+
+            <a class="toplinks-link link-exit" href="javascript:;">
+                <img class="top-icon" src="assest/登出 1.png" alt="">
+                退出
+            </a>
+            <a class="toplinks-link link-register" href="javascript:;">
+                <img class="top-icon" src="assest/注册 1.png" alt="">
+                注册
+            </a>
+            <a class="toplinks-link link-disk" href="javascript:;">
+                <img class="top-icon" src="assest/云 1.png" alt="">
+                网盘
+            </a>
+            <img class="links-arrow" src="assest/Polygon 28.png" alt="">
         </div>
     </div>
 
-    <!-- 板块2：导航栏 53px -->
-    <nav class="navbar">
-        <div class="wrap">
-            <ul>
-                <li><a href="javascript:;" class="active">首页</a></li>
-                <li><a href="javascript:;">战区要闻</a></li>
-                <li><a href="javascript:;">部队动态</a></li>
-                <li><a href="javascript:;">军事资讯</a></li>
-                <li><a href="javascript:;">政策法规</a></li>
-                <li><a href="javascript:;">强军文化</a></li>
-                <li><a href="javascript:;">服务保障</a></li>
-                <li><a href="javascript:;">在线留言</a></li>
-            </ul>
-        </div>
-    </nav>
-
     <!-- 板块3：网站头部切图 -->
     <div class="header-banner">
         <img src="assest/网站头部切图.png" alt="网站头部切图">