一個投票小程序,可以對三種不同類型資源(視頻、文章、圖片)進行投票。
首頁為三種資源的分類展示,展示主體為圖文類型,采用flex布局,點擊各種資源可以進入到資源詳情頁
每種資源展示組件化,另外有底部導航欄,跳到三種資源的各自展示頁面,各自展示頁面實現了定位功能,
可以在全國和本地間切換,以及城市選擇頁面。
頁面間數據傳遞: 在url跳轉時攜帶
公用方法封裝: 定位方法,全國和本地間的切換 類似ES6 中export 導出,require引入
支持數據綁定
全局樣式與局部樣式 app.wxss 和 page.wxss
感悟:
1.開發過程中有很多細節性問題,比如樣式不標准,與設計稿不符合,考慮得少,文本標題的顯示超過多少字省略
2. 了解到開發一個實際項目真正要注意的問題,比如看到設計稿,首先應該先做布局,考慮怎么布局方便,然后再做下一步
3.初次寫寫了很多重復代碼,比如各頁面中都使用的方法可以提取出來到一個js文件,再引入使用
4.IphoneX 機型適配問題,由於IphoneX底部有黑線,考慮底部導航欄顯示問題,判斷機型后,在底部使用padding-bottom 預留出空間
