73 lines
2.1 KiB
Markdown
73 lines
2.1 KiB
Markdown
|
## 内部系统前端（首页）
|
|||
|
|
|
|||
|
|
PS：组件化编写代码
|
|||
|
|
|
|||
|
|
首页组件划分：
|
|||
|
|
|
|||
|
|
+ 顶层导航栏
|
|||
|
|
+ 项目推荐
|
|||
|
|
+ 团队简介
|
|||
|
|
+ 新闻展示
|
|||
|
|
+ 领导者/优秀学员展示
|
|||
|
|
+ 底部信息栏
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 顶部导航栏
|
|||
|
|
|
|||
|
|
| 可交互组件 | 事件 | 效果 |
|
|||
|
|
| ---------- | ---- | ---------------------------------------------- |
|
|||
|
|
| logo | 单击 | 回到首页 |
|
|||
|
|
| 首页 | 单击 | 回到首页 |
|
|||
|
|
| 项目 | 单击 | 进入项目页 |
|
|||
|
|
| 关于 | 单击 | 下拉菜单，显示（关于我们，加入我们，项目合作） |
|
|||
|
|
| 关于我们 | 单击 | 进入团队信息展示页面 |
|
|||
|
|
| 加入我们 | 单击 | 进入加入我们页面 |
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 项目推荐
|
|||
|
|
|
|||
|
|
| 可交互组件 | 事件 | 效果 |
|
|||
|
|
| ------------ | -------- | -------------------------------------- |
|
|||
|
|
| 项目卡片 | 鼠标悬浮 | 显示此项目的名称，归类，状态，进入按钮 |
|
|||
|
|
| 悬浮后的卡片 | 单击 | 进入对应项目详情页面 |
|
|||
|
|
| 向右箭头 | 单击 | 进入项目页 |
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 关于
|
|||
|
|
|
|||
|
|
| 可交互组件 | 事件 | 效果 |
|
|||
|
|
| ---------- | ---- | ---------------- |
|
|||
|
|
| 向右箭头 | 单击 | 进入关于我们页面 |
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 新闻
|
|||
|
|
|
|||
|
|
| 可交互组件 | 事件 | 效果 |
|
|||
|
|
| ------------ | -------- | -------------------- |
|
|||
|
|
| 向右箭头 | 点击 | 进入新闻页 |
|
|||
|
|
| 新闻卡片 | 鼠标悬浮 | 颜色突出，可点击进入 |
|
|||
|
|
| 悬浮后的卡片 | 点击 | 进入此新闻详情页 |
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 领导者展示
|
|||
|
|
|
|||
|
|
| 可交互组件 | 事件 | 效果 |
|
|||
|
|
| ---------- | ---- | ---------------------- |
|
|||
|
|
| 头像 | 单击 | 进入此成员的个人详情页 |
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
### 底部信息栏
|
|||
|
|
|
|||
|
|
暂时未定，摆放虚假信息即可
|
|||
|
|
|