## **public**
- config.js 静态配置文件,此文件不会被打包,右在服务器直接修改
```
{
BASE\_API\_URL:'http://62.234.110.246:8380/national-culture-cloud-api',//接口请求地址
timeout:10000,// 全局接口请求超时时间
reRequestCount:3,//超时重新请求总数
//全局默认是否过滤重复请求,设为true时同一个接口,除非返回结果,否则过滤掉,可以接口调用中关闭单个
isFilterRepeatRequests:true,
//是否开启接口访问权限认证
isOpenAPIpermissionAuthenticate:false,
planWidth:750,//设计稿宽 手机设计一般是750,PC一般是1920
根据运维需要,提取更多配置...
}
使用方式:
在所有组件中可以通过config.*** 来获取config.js文件中的静态全局配置
// eslint-disable-next-line
rem = html.offsetWidth / (config.planWidth / 75)
```
## **src**
- api 接口文件 请在api/apiList/list对应分包中书写接口
- api-map 各页面API文件目录
- core 请求相关,异常统一处理,接口白名单等
*****
- assets 存放公共资源文件
- css全局公共样式库(scss)
1. index.scss -- 样式统一入口
2. base.scss --基本样式文件( 包含html,body等通用样式 )
3. font.scss --阿里字体文件通用样式
4. reset.scss -- 样式重置文件
5. **variable.scss -- 统一变量管理文件**
- imgs 图片资源目录。
1. 图片大于50KB,建议存放于服务器
2. 多个图片可放于同一图片,使用css切割
*****
- components 全局公共组件库目录
*****
- router 路由
- modules 路由地址集合
- index.js 路由入口文件(自动读取modules)目录内不同层级的js文件
*****
- store 状态管理
- modules 状态管理集合
- index.js 状态管理入口文件(自动读取modules)目录内不同层级的js文件
*****
- views 页面
1. 每个页面一个目录,页面文件名与目录名相同
2. 目录内可包含以下目录:
components 私有组件目录
assets 私有资源目录
mixins 混入文件
INTERFACE.js 接口适配器
default.js 不变项(将不经常变动的data属性,方法,生命周期,事件等放到这里,页面内保留可能会变化项,简化页面结构)
*****
- utils 工具目录
- custom 自写工具类库,通过global_utils.js统一暴露
- global_utils.js 用于引入,管理和暴露全局工具
*****
- 快速开发
- 使用vscode模板
- 样式和字体图标
- 现有组件封装
- 编写公共组件
- 编写页面
- 组件混入配套
- 前后端分离
- 开发规范
- 目录结构
- 工具类
- 组件库
- 项目总览
- 后端联调方式
- 简介
- 页面接口数据对接方式
- 事件
- vue pc公共组件
- 列表组件(通用)
- 列表组件带分页
- 文化资讯列表
- 新闻列表组件
- 详情侧边列表组件
- 活动预约组件
- 章节目录组件
- 名师列表组件
- 场馆导航列表组件
- 资讯列表组件
- 首页子站指数通用组件
- 活动列表通用组件
- 专辑列表组件
- 相关推荐列表组件
- 视频组件
- 直播视频组件
- 视频组件
- 课程视频组件
- 讲师介绍简介
- 问卷答题组件
- 问卷调查组件
- 在线考试组件整套
- 在线考试组件
- 菜单
- 导航菜单
- 分类组件
- 分类菜单
- 排序组件
- 全局组件
- 面包屑导航
- 无数据状态
- 评论
- 文章展示
- 点赞收藏查看分享组件
- 时间日历日期组件
- 直播日历组件
- 底部导航组件
- 底部组件
- 头部组件
- 首页组件
- 资讯组件
- 直播组件
- 阅读组件
- 线上培训组件
- 登录注册相关组件
- 地图组件
- 媒体相关组件
- 音频详情组件
- 音频列表组件
- 书刊详情组件
- 视频播放组件
- 个人中心组件
- 我的评论
- 我的活动
- 我的收藏
- 个人中心列表
- 个人中心我的评论
- 弹窗组件
- 图片,视放大弹窗组件
- 票务预定组件
- 轮播组件
- 横排滑动组件
- 3D轮播组件
- 首页试听空间轮播组件
- 新闻资讯轮播组件
- 缩略图轮播组件