# note
**Repository Path**: w_xb/note
## Basic Information
- **Project Name**: note
- **Description**: 仟慧笔记
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-08
- **Last Updated**: 2022-01-20
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## 仟慧笔记
###项目结构
1. 首页
2. 资讯
3. 智慧作品
4. 创作空间
5. 创作人
6. 注册、登录
> 项目是单页面应用（使用vue进行开发）
> 组件中的调用不再进行详细划分，所有的组件都放到components中。
###页面拆分
页面拆分为三个部分：
1.头部：头部即包含tab功能
2.中部：内容区。所有的内容全部都展示在此组件中。
3.足部：足部放一些单个信息。例如‘关于我们’，‘公司简介’等。
####头部
头部存放tab的主要内容，将所有关于此内容的信息存放到此处。
在此项目中，单页面应用。所以头部一直呈现。
头部分为了三部分：
1.logo：logo点击进入一个页面。此页面跳转地址由管理人员管理(页面中做一个单独的跳转就行)。
2.tab项：网站展示的主体的tab项。
3.个人/登录：未登录时，展示登录注册。登录成功后，悬浮展示个人的基础功能。
> 因根据tab项展示相应的content，目前只能使用roter-link标签进行展示。(经过测试发现，只要在页面中存在roter-link标签即可。哪怕是标签写在了自定义组件中也照样能展示)
####中部
中部作为网站的主要内容呈现，但是内容是随着tab的切换而切换的。所以，在此处定义一个组件来展示即可。当前也可以不抽取出来组件，这样的话，就写roter-link标签的样式就行了。
看似目前界面完成了，但是这只是简单的页面划分
####足部
足部作为共有的代表页面的结尾，那么，此处就需要定义相应的数据内容。
###组件划分
>针对上述中的页面拆分，那么，我们也进行组件划分（方便文件的查找）。
>因头部与足部内容较少，则当前省略不再进行详细的划分。
>中间内容部分按照功能进行划分
>页面组件与组件中的组件处于同一个文件夹下不容易区分的时候，我将在文件夹中创建一个utils文件夹存放组件中的组件。
>组件分为一般组件和路由组件。一般组件放在components文件夹下，路由组件放到pages文件夹下
页面结构：
1. 头部（head）
2. 中部（content）
1. 首页（homePage）:
1. 九度思维结构
1. 智慧转化与生态共享
2. 资讯（information）
1. 短文资讯
2. 视频资讯
3. 资讯详情
3. 智慧作品（production）
1. 行业划分（等同创作空间行业划分）
2. 作品列表
3. 作品详情
4. 创作空间（creativeSpace）
1. 行业划分（等同智慧作品行业划分）
2. 创作模板
3. 模板详情
4. 创作人（composer）
1. 创作人介绍
2. 创作人详情
3. 个人中心（personCenter）
3. 足部（foot）
###页面布局
> 页面布局主要分为三部分：头部，内容部，足部。按照这三部分，中部进行切换tab内容。
> 注意：头部跟足部内容固定。
以下介绍内容部分的布局
### 首页
首页排序不明显，横竖不同，那么我将首页分为了三部分。
1. 九度思维及其以下。第一列
2. 点线面-地人天 及其以下。第二列
3. 智慧转化与共享动态 及其以上。第三列
九度（天地人等）按钮悬浮的时候，要更改背景颜色。那么此时要将背景更改。那么在此时要设置两种背景样式：
- 选中（root-selected）
- 未选中（root-unselected）
### 资讯
资讯比较简单，就按照内容分为了两部分：图文资讯跟视频资讯
问题：
1. 首页
2. 资讯
1. 资讯中的详情进入是一个文档页面，那么视频进去也同样是一个文档页面么
2.