提交修改

This commit is contained in:
rjb
2025-10-17 23:05:02 +08:00
parent 584598e62a
commit 44a9f3ffcc
7 changed files with 480 additions and 21 deletions

View File

@@ -265,6 +265,58 @@
align-items: center;
}
/* 导航栏分类样式 */
.nav-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
font-weight: 600;
}
.nav-primary:hover {
background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.nav-featured {
background: white;
border: 1px solid var(--border-light);
color: var(--text-primary);
position: relative;
}
.nav-featured:hover {
background: var(--background-light);
border-color: var(--primary-color);
color: var(--primary-color);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.nav-badge {
position: absolute;
top: -4px;
right: -4px;
background: #ff6b6b;
color: white;
font-size: 0.625rem;
font-weight: 600;
padding: 0.125rem 0.375rem;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 4px rgba(255, 107, 107, 0.3);
}
.nav-featured:nth-child(5) .nav-badge {
background: #4ecdc4;
}
.nav-featured:nth-child(6) .nav-badge {
background: #f093fb;
}
.user-menu .dropdown-toggle {
color: var(--text-color);
text-decoration: none;
@@ -302,6 +354,18 @@
gap: 0.5rem;
font-weight: 600;
box-shadow: var(--shadow-md);
position: relative;
}
.user-menu .dropdown-toggle::after {
content: '';
border: none;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid white;
margin-left: 0.5rem;
}
.user-menu .dropdown-toggle:hover {
@@ -426,7 +490,6 @@
<a class="dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fas fa-user-circle"></i>
<span class="user-name">${data.user.nickname}</span>
<i class="fas fa-chevron-down ms-1"></i>
</a>
<ul class="dropdown-menu dropdown-menu-end">
<li><h6 class="dropdown-header">用户中心</h6></li>
@@ -515,26 +578,13 @@
AI应用
</div>
<div class="nav-links">
<a href="{{ url_for('main.index') }}" class="nav-link" data-tooltip="生成提示词">
<i class="fas fa-plus"></i>
<span>生成提示词</span>
</a>
<a href="{{ url_for('meal_planning.meal_planning_page') }}" class="nav-link" data-tooltip="饭菜规划">
<i class="fas fa-utensils"></i>
<span>饭菜规划</span>
</a>
<a href="{{ url_for('poetry.poetry_page') }}" class="nav-link" data-tooltip="古诗词解析">
<i class="fas fa-scroll"></i>
<span>古诗词解析</span>
</a>
<a href="{{ url_for('poetry.poetry_favorites') }}" class="nav-link" data-tooltip="古诗词收藏">
<i class="fas fa-heart"></i>
<span>古诗词收藏</span>
</a>
<a href="{{ url_for('meal_planning.meal_planning_history') }}" class="nav-link" data-tooltip="我的规划">
<i class="fas fa-calendar-alt"></i>
<span>我的规划</span>
<!-- 核心功能 -->
<a href="{{ url_for('main.index') }}" class="nav-link nav-primary" data-tooltip="首页">
<i class="fas fa-home"></i>
<span>首页</span>
</a>
<!-- 用户功能 -->
<div class="user-menu" id="userMenu">
<!-- 用户菜单将通过JavaScript动态加载 -->
</div>