## **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輪播組件
- 首頁試聽空間輪播組件
- 新聞資訊輪播組件
- 縮略圖輪播組件