wepy+vant-weapp踩坑記


最近用了幾個月的wepy框架,碰到了挺多問題,這里總結一下

1.clone的代碼無法再本地運行,wepy報錯
 解決方案:

執行命令 : `npm install wepy-cli@1.6.1-alpha4 -g`

2.使用vant ui框架時 custom-class中定義的 樣式類不生效。

解決方案 :在style標簽中 取消scoped 屬性。

 

3.分包問題

 在構建項目時一定要提前打好分包。 小程序分包的限制為2M ,總項目大小不能超過8M,那么就是3個分包和一個主包。

vant-weapp的大小為1.3M左右。各種圖片資源也占了不少地方。我還引進了echarts的圖表組件,大概0.7M,騰訊地圖cdk .2M

解決方案:

  建議靜態的資源單獨放在一個分包中,圖片資源放在服務器上,onload時加載。      tabbar的頁面必須放在主包中。各種封裝的公共api放在主包中。不同的模塊放在分包中

大體目錄如下:

src

---components   //組件

---config    //打包及基礎配置

---pages  //頁面

  --main  //login及tabbar頁面

  --packageA //存放一些靜態文件和外部文件

  --packageB //模塊1

  --packageC//模塊2

  --index.wpy//開發時的入口文件

---servers//封裝 request 請求 阿里雲網關加密方法 通用的api等等

---store//redux的store

---app.wpy //設置globalData    全局的app.json  也可以設置攔截器(wepy提供的攔截器)

4.自定義的tabbar
   微信小程序不推薦自定義的tabbar

 如果自己開發一個tabbar的組件 在頁面中引入的話,由於是跳頁的問題,tabbar會閃一下,對客戶的體驗不好

 這里提供一個 tabbar的解決方案:

 思路:自定義的tabbar和官方的tabbar同時存在,在頁面的onShow時隱藏官方的tabbar
具體實現參考這篇文章https://www.cnblogs.com/yk95/p/9597493.html

  

做出來大概是這個效果

今天先到這里吧,有空再更了

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM