微信小程式採坑記
阿新 • • 發佈:2020-07-04
作為一個剛剛開始開發小程式的童鞋,還是要熟悉下微信開發者工具和開發文件的。
真機除錯,可以用微信掃開,在實際的手機檢視程式執行狀態。可以跟開發者工具一樣除錯。這些都還算基本的,當你熟悉了web端的開發,去上手小程式還是小意思。
1.圖片的樣式大小設定,小程式跟web有點不同的地方是高度必須設定,當只設置width時,高度不會按比例縮放。要按比例,則在標籤上加個屬性 mode='widthFix'
<view class="banner"> <image src="../../images/tab-pic.png" mode='widthFix'></image> </view>
2.表單繫結資料跟vue相比,有點不方便,小程式不是雙向的繫結,當檢視更新時,需要去監聽事件來更新資料。
<view class="weui-cell weui-cell_input"> <text style="vertical-align:middle;">當前溫度:{{settemp}}℃</text> <input class="temp-input" bindinput="updatePsw" data-name="templature" value="{{templature}}" type="text" maxlength="2" placeholder="請輸入溫度" /> </view>
還有一些,熟悉了web的去開發小程式,會受到不少的限制,這也是很多人寧願去巢狀h5頁面開發的原因,可以省去不少採坑的時間。