Uni-App從入門到實戰

課程和uni的基本介紹

uni-app的環境建構並創建專案運行

專案目錄和開發規格簡單介紹

globalStyle全域外觀配置

建立新頁面和頁面的配置

配置基本的tabbar

tabbar的其他屬性配置

condition啟動模式配置

text組件的基本使用

view組件的基本使用

button按鈕組件的使用

image組件的基本使用

uni中樣式的學習及如何使用scss和字體圖標

基本的資料綁定

v-bind和v-for的使用

如何註冊事件及傳遞參數及取得到事件對象

生命週期函數的學習

下拉刷新的學習

上拉加載

發送get請求

資料快取

圖片的上傳和預覽

條件編譯跨端相容

兩種方式導航跳轉和傳參

組件的創建使用和組件的生命週期函數

組件之間的通訊方式

uni-ui組件庫的基本介紹與使用

項目功能介紹

建立專案及清理結構及配置基本外觀

完成底部tabbar的配置

取得輪播圖的數據

封裝$myRequest方法並掛載到全域

完成首頁輪播圖的渲染

實現導航的基本結構

完成推薦商品結構

完成推薦商品資料渲染

改造導航區域並跳到商品清單頁面

封裝商品清單組件並使用

實現上拉加載更多和下拉刷新

完成聯絡我們頁面的地圖和撥打電話

實現社區圖片左側的結構和样式

實現左側資料渲染與點擊高亮

實現右側資料的渲染

完成圖片的預覽功能

實現資訊清單的結構和數據的獲取

實現news-item組件的封裝

實現列表跳轉詳情並傳遞id

完成資訊詳情頁面

點擊商品列表導航至商品詳情頁

實現商品詳情輪播圖

實現詳情其他部分的結構

完成詳情頁面的資料渲染

利用uni-ui實現底部導航區域

完成小程式打包發布

完成h5打包

完成安卓打包