初始化
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
|
||||
## 项目信息
|
||||
- **项目名称**:广西决策咨询网(jczxw-pc)
|
||||
- **PC端路径**:/Users/gxwebsoft/VUE/jczxw-pc(Nuxt 3 + Ant Design Vue + Tailwind CSS)
|
||||
- **PC端路径**:/Users/gxwebsoft/VUE/jczxw2-pc(Nuxt 3 + Ant Design Vue + Tailwind CSS)
|
||||
- **Java后端路径**:/Users/gxwebsoft/JAVA/jczxw-java
|
||||
- **后台管理**:集成在PC端 /admin 目录下(不单独部署)
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
|
||||
## 网站结构(已确认菜单)
|
||||
### 一级菜单
|
||||
首页、政策要闻、决策咨询、决策参考、专家资讯、智库观察、建言献策、会员服务、翰墨文谈、关于我们
|
||||
首页、政策要闻、决策咨询、决策参考、专家资讯、智库观察、建言献策、会员服务、翰墨文谈、关于
|
||||
|
||||
### 二级菜单
|
||||
1. **政策要闻**:党中央国务院信息、自治区党委政府信息、其他(厅委办)信息、最新发布
|
||||
@@ -74,10 +74,14 @@
|
||||
|
||||
## 关键组件
|
||||
- app/components/ArticleListPage.vue(通用文章列表组件,支持分类筛选)
|
||||
- app/components/SiteHeader.vue(网站头部导航)
|
||||
- app/components/SiteHeader.vue(网站头部导航,已从静态菜单改为从 getSiteInfo 接口动态读取)
|
||||
- app/components/SiteFooter.vue(网站底部)
|
||||
- app/config/admin-nav.ts(后台导航配置)
|
||||
- app/config/nav.ts(前台导航配置)
|
||||
- app/config/nav.ts(前台导航配置,作为 API 失败时的兜底数据)
|
||||
|
||||
## 新增文件(动态菜单功能)
|
||||
- app/composables/useMenu.ts(菜单状态管理 composable,含 mapNavItem 数据映射函数)
|
||||
- app/plugins/fetch-menu.ts(应用初始化时获取菜单数据的插件)
|
||||
|
||||
## 待接入后端API(TODO)
|
||||
- 文章列表/详情API
|
||||
@@ -94,3 +98,11 @@
|
||||
- 强调色:橙色 #f97316
|
||||
- 背景:白色卡片 + 浅灰底
|
||||
- 风格:政务门户,专业大气
|
||||
|
||||
## 技术细节
|
||||
### 动态菜单实现(2026-05-10)
|
||||
- 参考模板项目(/Users/gxwebsoft/Nuxt/template-10490)的 AppHeader 实现
|
||||
- `getSiteInfo` 接口返回的数据中包含 `topNavs`(顶部导航)和 `bottomNavs`(底部导航)
|
||||
- 数据流向:plugin(fetch-menu.ts) → 调用 getSiteInfo() → 提取 topNavs → mapNavItem() 映射为 NavItem[] → 写入 useState('menu')
|
||||
- SiteHeader.vue 通过 useMenu() composable 读取菜单,有数据时用 API 数据,无数据时兜底用静态 mainNav
|
||||
- CmsNavigation 到 NavItem 的映射:title→label, path→to, code/navigationId→key, children 递归映射
|
||||
|
||||
Reference in New Issue
Block a user