微信小程式採坑記

2022-01-20 08:14:10 字數 955 閱讀 1218

1.的樣式大小設定,小程式跟web有點不同的地方是高度必須設定,當只設定width時,高度不會按比例縮放。要按比例,則在標籤上加個屬性  mode='widthfix'

class="

banner

">

"../../images/tab-pic.png

" mode='

widthfix

'>

2.表單繫結資料跟vue相比,有點不方便,小程式不是雙向的繫結,當檢視更新時,需要去監聽事件來更新資料。

class="

weui-cell weui-cell_input

">

"vertical-align:middle;

">當前溫度:}℃

class="

temp-input

"bindinput="

updatepsw

"data-name="

templature

"value="}"

type="

text

"maxlength="2"

placeholder="

請輸入溫度

" />

3.非常詭異的乙個現象,連線完藍芽了,返回上乙個頁面前,onunload的裡面已經加了關閉藍芽的操作,返回後,藍芽依然沒有斷開連線,我再藍芽頁面做了斷開連線的監聽的,一旦斷開連線就重連藍芽。想想是斷開的不徹底,wx.onbleconnectionstatechange跳頁面之後監聽依然存在,所以關閉藍芽的時候也要把監聽off掉。

wx.closebleconnection(

})wx.offbleconnectionstatechange();

還有一些,熟悉了web的去開發小程式,會受到不少的限制,這也是很多人寧願去巢狀h5頁面開發的原因,可以省去不少採坑的時間。

微信小程式踩坑記

img v weui uploader bd style width 750rpx height 400rpx background color pink 以下為無效樣式 2.image影象寬高設定失敗,原因是在wxml中通過style屬性直接設定是無效的,需要通過class命名然後在wxss中進行...

微信小程式 採坑之scroll view元件

今天在使用scroll view元件的時候發現結果跟預想的不一樣。其實也不是第一次用了,同樣的寫法卻出現了意料之外的效果,所以認定是bug了。博主使用的是2.3.0版本,所以之前的版本應該也會有這個bug。先上圖 這是在scroll view中新增這麼些text元件的時候的效果,我就不上了。發現文字...

微信小程式踩坑記之input

好久沒有寫過部落格了,感覺生疏了,其實是變懶了。背景說明 不是初期開發者,是後來進來公司維護和新加功能的 好了,好像廢話太多了,正式開始bindblur getimgcode 先貼 view class form group input type text value name imagevalue...