提交修改
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user