Skip to content
Snippets Groups Projects
Commit 03943f6b authored by HouTeng Chan's avatar HouTeng Chan
Browse files

Update file menu.html

parent e7e9879d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 41 additions and 14 deletions
wiki/menu.html
+ 41
− 14
View file @ 03943f6b
......@@ -22,7 +22,7 @@
}
.hamburger {
display: none; /* 默认隐藏 */
display: none;
font-size: 30px;
cursor: pointer;
margin-left: 15px;
......@@ -99,7 +99,6 @@
box-shadow: 0 4px 10px rgba(250, 128, 114, 0.3);
}
/* 响应式设计 */
@media (max-width: 768px) {
.my-nav {
height: auto;
......@@ -108,13 +107,13 @@
}
.hamburger {
display: block; /* 显示汉堡菜单 */
display: block;
}
.my-navbar {
flex-direction: column;
align-items: flex-start;
display: none; /* 默认隐藏导航菜单 */
display: none;
width: 100%;
}
......@@ -130,17 +129,17 @@
.my-navbar > li > ul.son {
position: static;
display: none; /* 默认隐藏子菜单 */
display: none;
width: 100%;
opacity: 1; /* 确保子菜单可见 */
box-shadow: none; /* 去除阴影 */
background-color: transparent; /* 背景透明 */
opacity: 1;
box-shadow: none;
background-color: transparent;
padding: 0;
margin-left: 20px; /* 缩进子菜单 */
margin-left: 20px;
}
.my-navbar > li.show > ul.son {
display: block; /* 点击后显示子菜单 */
display: block;
}
.son li a {
......@@ -153,9 +152,8 @@
<body>
<nav class="my-nav" id="navbox">
<!-- 添加汉堡菜单图标 -->
<div class="hamburger" onclick="toggleMenu()">
&#9776; <!-- Unicode字符，用于表示汉堡菜单图标 -->
&#9776;
</div>
<ul class="my-navbar" id="my-navbar">
<li><a href="{{ url_for('home') }}">Home</a></li>
......@@ -169,8 +167,37 @@
<li><a href="{{ url_for('pages', page='contribution') }}">Contribution</a></li>
</ul>
</li>
<!-- 其余菜单项保持不变 -->
<!-- ... -->
<li onmouseover="over(this)" onmouseleave="leave(this)">
<a href="#" style="cursor:default;">Wetlab</a>
<ul class="son">
<li><a href="{{ url_for('pages', page='therapy-system') }}">Therapy System</a></li>
<li><a href="{{ url_for('pages', page='colonization') }}">Colonization</a></li>
<li><a href="{{ url_for('pages', page='parts') }}">Parts</a></li>
</ul>
</li>
<li onmouseover="over(this)" onmouseleave="leave(this)">
<a href="#" style="cursor:default;">Drylab</a>
<ul class="son">
<li><a href="{{ url_for('pages', page='model') }}">Model</a></li>
<li><a href="{{ url_for('pages', page='hardware') }}">Hardware</a></li>
</ul>
</li>
<li onmouseover="over(this)" onmouseleave="leave(this)">
<a href="#" style="cursor:default;">Human Practices</a>
<ul class="son">
<li><a href="{{ url_for('pages', page='human-practices') }}">Details</a></li>
<li><a href="{{ url_for('pages', page='education') }}">Education</a></li>
<li><a href="{{ url_for('pages', page='inclusivity') }}">Inclusivity</a></li>
</ul>
</li>
<li onmouseover="over(this)" onmouseleave="leave(this)">
<a href="#" style="cursor:default;">Team</a>
<ul class="son">
<li><a href="{{ url_for('pages', page='team') }}">Roster</a></li>
<li><a href="{{ url_for('pages', page='attributions') }}">Attributions</a></li>
<li><a href="{{ url_for('pages', page='tryhomepage') }}">Try</a></li>
</ul>
</li>
</ul>
</nav>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment