## 内部系统前端（首页）

PS：组件化编写代码

首页组件划分：

+ 顶层导航栏
+ 项目推荐
+ 团队简介
+ 新闻展示
+ 领导者/优秀学员展示
+ 底部信息栏



### 顶部导航栏

| 可交互组件 | 事件 | 效果                                           |
| ---------- | ---- | ---------------------------------------------- |
| logo       | 单击 | 回到首页                                       |
| 首页       | 单击 | 回到首页                                       |
| 项目       | 单击 | 进入项目页                                     |
| 关于       | 单击 | 下拉菜单，显示（关于我们，加入我们，项目合作） |
| 关于我们   | 单击 | 进入团队信息展示页面                           |
| 加入我们   | 单击 | 进入加入我们页面                               |



### 项目推荐

| 可交互组件   | 事件     | 效果                                   |
| ------------ | -------- | -------------------------------------- |
| 项目卡片     | 鼠标悬浮 | 显示此项目的名称，归类，状态，进入按钮 |
| 悬浮后的卡片 | 单击     | 进入对应项目详情页面                   |
| 向右箭头     | 单击     | 进入项目页                             |



### 关于

| 可交互组件 | 事件 | 效果             |
| ---------- | ---- | ---------------- |
| 向右箭头   | 单击 | 进入关于我们页面 |



### 新闻

| 可交互组件   | 事件     | 效果                 |
| ------------ | -------- | -------------------- |
| 向右箭头     | 点击     | 进入新闻页           |
| 新闻卡片     | 鼠标悬浮 | 颜色突出，可点击进入 |
| 悬浮后的卡片 | 点击     | 进入此新闻详情页     |





### 领导者展示

| 可交互组件 | 事件 | 效果                   |
| ---------- | ---- | ---------------------- |
| 头像       | 单击 | 进入此成员的个人详情页 |





### 底部信息栏

暂时未定，摆放虚假信息即可