From 82d483406921aa92b6ce3a1af5d17d80ccb78256 Mon Sep 17 00:00:00 2001
From: MrShi <1878285526@qq.com>
Date: 星期五, 04 七月 2025 09:39:57 +0800
Subject: [PATCH] 提交
---
web/components/nav.html | 105 ++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 105 insertions(+), 0 deletions(-)
diff --git a/web/components/nav.html b/web/components/nav.html
new file mode 100644
index 0000000..8fef8f5
--- /dev/null
+++ b/web/components/nav.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title></title>
+ <style>
+ .nav {
+ width: 1200px;
+ height: 70px;
+ margin: 0 auto;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+ .nav-logo {
+ flex-shrink: 0;
+ width: 160px;
+ height: 52px;
+ margin-right: 80px;
+ }
+ .nav-logo img {
+ width: 100%;
+ height: 100%;
+ }
+ ul {
+ flex: 1;
+ height: 100%;
+ list-style-type: none;
+ display: flex;
+ align-content: center;
+ }
+ ul li a {
+ display: block;
+ }
+ ul li {
+ margin-right: 50px;
+ line-height: 70px;
+ position: relative;
+ }
+ ul li:last-child {
+ margin: 0 !important;
+ }
+ ul li .underline {
+ width: 30px;
+ height: 4px;
+ position: absolute;
+ bottom: 9px;
+ left: 50%;
+ transform: translate(-50%, 0);
+ background: #FF7900;
+ }
+ .nav-btn {
+ margin-left: 80px;
+ flex-shrink: 0;
+ width: 100px;
+ height: 44px;
+ line-height: 44px;
+ text-align: center;
+ background: #FF7900;
+ border-radius: 22px;
+ font-weight: 500;
+ font-size: 16px;
+ color: #FFFFFF;
+ border: none;
+ cursor: pointer;
+ }
+ </style>
+</head>
+<body>
+<nav>
+ <div style="width: 100%; height: 70px; background: #ffffff;">
+ <div class="nav">
+ <div class="nav-logo">
+ <img src="./assets/images/top_logo@2x.png" alt="logo">
+ </div>
+ <ul>
+ <li>
+ <a href="./index.html">棣栭〉</a>
+ <div class="underline"></div>
+ </li>
+ <li>
+ <a href="./intelligent_system.html">鏅烘収绯荤粺</a>
+ </li>
+ <li>
+ <a href="./solution.html">瑙ｅ喅鏂规</a>
+ </li>
+ <li>
+ <a href="./alot.html">Alot鐗╄仈</a>
+ </li>
+ <li>
+ <a href="./dynamics.html">鏈�鏂板姩鎬�</a>
+ </li>
+ <li>
+ <a href="./about.html">鍏充簬鎴戜滑</a>
+ </li>
+ <li>
+ <a href="/">娓犻亾鍚堜綔</a>
+ </li>
+ </ul>
+ <button class="nav-btn">鍏嶈垂璇曠敤</button>
+ </div>
+ </div>
+</nav>
+</body>
+</html>
--
Gitblit v1.9.3