到今天為止,今天我們的小程序案例教程講完了。
在上一次課中,我們講解了前6個案例。今天我們開始講解后面6個案例。如果對前面還不出的話,可以關注訂閱號小程序可以使用哪些選擇器,在后臺輸入,就可以獲得代碼和視頻。
Case7:開關選擇器
開關選擇器在我們平時的交互中用的比較多,比如app設置頁,這種交互在手機里面是非常容易操作的。在項目中,如果有這種交互,那么你可以采用這種做法。
開關選擇器主要采用組件來實現的。
實現的效果為:
實現的部分代碼為:
Case8:icon圖標
小程序本身提供了一些icon,在項目中使用icon能美化我們的項目。
實現的icon效果:
實現的部分代碼:
Case9:頁面跳轉
在app中,我們有很多的頁面,需要從一個頁面(A)跳轉到另外一個頁面(B),并且傳遞一些參數。這個涉及到2個知識點:a.怎么跳轉;b.怎么傳參。
這個有2種做法:
通過組件去實現(下圖代碼中1方式)
通過小程序提供的api去實現(下圖代碼中2方式)
實現的效果為:
實現的部分代碼:
組件實現
api實現的 方法:
在這個函數里面接受參數
:多媒體【音頻】
在微信小程序里面可以嵌入音頻。
可以通過audio標簽來實現。
實現的效果為:
實現的代碼:
:多媒體【視頻】
在微信小程序里面可以嵌入視頻。
可以通過video標簽來實現。還可以提供彈幕功能。
實現的效果為:
實現的部分代碼為:
:地圖
在小程序里面嵌入地圖小程序可以使用哪些選擇器,可以通過map組件來實現。
實現的效果為:
實現的部分代碼:
:canvs畫布
在小程序里面繪制一些餅圖,柱狀圖也是可以的。可以通過來實現。
這里推薦一個開源的庫
實現的效果為:
對這個有需求的可以去這個地址看看:/wx-