天天看點

uniapp目錄導讀!- uniapp 到底怎麼用?

┌─components            uni-app元件目錄
│   │─uni-load-more             加載
│   │   └─uni-load-more         加載圈
│   │─uni-media-list                 圖文清單
│   │   └─uni-media-list                圖文清單
│   └─template           可複用的模闆元件目錄
│       │─comments              評論目錄
│       │   └─comments      評論模闆
│       │─image         圖檔模闆目錄
│       │   │─choose        選擇圖檔
│       │   │─compress      壓縮圖檔
│       │   └─cut           可視化裁剪圖檔
├─common                可複用公共工具插件類
│   │─uni.css           uni-app官方預設css
│   │─uni.js            uni-app官方預設js
│   └─yc_js             yichen的公共js工具插件目錄
│       │─Base64.js     base64編碼轉換工具
│       │─Id.js         id生成
│       │─Img.js        圖檔處理
│       │─index.js      入口
│       │─Json.js       json處理轉換
│       │─Md5.js            Md5編碼轉換工具
│       │─Obj.js            數組對象處理
│       │─Storage.js        Storage緩存工具
│       │─Time.js           時間格式轉換處理工具
│       │─Url.js            Url位址處理工具
│       └─Validate.js       input輸入驗證器
│     
├─request               AJAX請求封裝
│   ├─data              模拟請求所需的資料目錄,實際開發中,請删除。
│   │   │─xxx.js            模拟資料
│   │   └─xxx.js            …………
│   └─AJAX.js           AJAX請求封裝
│    
├─store     vuex
│   ├─goods.js          商戶商品購物車處理
│   │─index.js          vuex主入口封裝
│   │—win.js            視窗寬高元素處理
│   └─store.js          登陸狀态 使用者資訊處理
│ 
├─platforms             存放各平台專用頁面的目錄,[詳見](https://uniapp.dcloud.io/platform)
│     
├─pages                 業務頁面檔案存放的目錄
│   │─news              消息對話
│   │   │─detail.vue         詳情
│   │   │—list.vue          清單
│   │   └─order.vue         訂單消息
│     
├─static                存放應用引用靜态資源(如圖檔、視訊等)的地方,注意:靜态資源隻能存放于此
│   ├─image             圖檔目錄
│   │   └─xxx.jpg           圖檔
│   └─audio             媒體目錄
│       └─xxx.mp3           音頻
│     
├─main.js               Vue初始化入口檔案
│     
├─App.vue               應用配置,用來配置App全局樣式以及監聽 應用生命周期
│     
├─manifest.json         配置應用名稱、appid、logo、版本等打包資訊,詳見
│     
└─pages.json            配置頁面路由、導覽列、頁籤等頁面類資訊,詳見
           

繼續閱讀