马克思主义中国化

scss混入:（`src\App.scss`）scss混入

接口：（`src\util\user.ts`）

baseurl配置：（`src\util\config.ts`）

自定义指令：（`src\util\directives.ts`）

element-ui样式文件(`src\util\fonts`,`index.css`)

项目配置：(`vue.config.js`)

Vue对象混入公共方法（`src\main.ts`）

### 全局组件

NAV（`src\components\Page\Home\Nav.vue`）

> 从vuex里拿数据，数据为：$store.state.routerArr，函数式渲染一级二级路由
>
> 跳转是从$store.state.routerArr里面递归出一条路由对象，然后生成一个兼容好的路由对象，跳转到该页面，如：目录1下面包含目录1-1，就会跳转到目录1-1

map（`src\components\Page\Home\map.vue`）

> 首先给svg-dom绑定鼠标事件，鼠标划上去显示addresss里对应的数量
>
> 然后从接口里拿到数据，构造数据，赋给addresss

Header（`src\components\Page\Header.vue`）

Footer（`src\components\Page\Footer.vue`）

Breadcrumb（）

> 未进入详情页里面的面包屑，通过路由元信息($route.meta)里拿到面包屑，然后从全局路由数据（$store.state.routerArr）里构造出一个兼容的返回的页面地址

BreadcrumbDetail（`src\components\Page\BreadcrumbDetail.vue`）

> 详情页里面的面包屑，通过接口获取数据，然后从全局路由数据（$store.state.routerArr）里构造出一个兼容的返回的页面地址

高级检索（`src\components\Page\Search_GJJS`）目录

> - src\components\Page\Search_GJJS\Selects.vue
>   1. 选择分类的组件
> - src\components\Page\Search_GJJS\SearchItem.vue
>   1. 输入多条件联合的组件
> - src\components\Page\Search_GJJS\TimeHorizon.vue
>   1. ·选择发布时间区间的组件
> - src/components/components-ui/advancedSearchView\index.vue
>   1. 渲染工具，负责把搜索的结果分类显示出不同的样式，里面带了分页，收藏，排序，下载的功能

普通搜索（`src\views\SearchList.vue`）

> - src/components/global/search_advanced_result_render.vue
>   1. 渲染工具，负责把搜索的结果分类显示出不同的样式，里面带了分页，收藏，排序，下载的功能
> - src/components/Page/Search/SearchSearchList.vue
>   1. 选择类别的组件，要搜索不同分类的数据（文章、文档、音频、图片、视频）
> - src/components/Page/Search/SearchSelect.vue
>   1. 选择类别的组件，要搜索不同分类的数据（文章、文档、图片、视频）

左侧导航栏组件（`src\components\components-ui\NavLeft\index.vue`）

> 全局共用一套组件
>
> 通过props:list传下来一套当前对应的二级导航栏数据
>
> 通过props:title传下来一套当前对应的二级导航栏标题
>
> 渲染props:list并且绑定事件，跳转到对应的目录

其他页面

其他页面在（`src\router\routers.ts`,`src\router\index.ts`）里卖都能找到对应的模板