溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

關(guān)于微信小程序bug記錄與解決方法

發(fā)布時(shí)間：2020-08-25 03:40:57 來(lái)源：腳本之家 閱讀：215 作者：陳陳jg 欄目：web開發(fā)

微信小程序bug記錄

textarea

1.textarea在模擬器上沒有padding，可是在真機(jī)上會(huì)自帶padding，而且在外部改不了，并且在安卓和IOS上padding還不一樣

關(guān)于微信小程序bug記錄與解決方法
關(guān)于微信小程序bug記錄與解決方法

第一張圖是在開發(fā)工具上的，第二張圖是在IOS真機(jī)上的。從上圖可以看出來(lái)，在開發(fā)工具上顯示很正常，而且沒有padding，可是在真機(jī)上左上角就出現(xiàn)了padding，并且無(wú)論你在外部對(duì)textarea的padding做任何處理，都無(wú)法覆蓋。
目前有一種解決方式是根據(jù)ios和android的不同平臺(tái)來(lái)給teaxarea設(shè)置不同的樣式。
解決方法：通過(guò)wx.getSystemInfo來(lái)獲取當(dāng)前設(shè)備的平臺(tái)（IOS or Android),然后根據(jù)不同的平臺(tái)來(lái)設(shè)置不同的偏移樣式來(lái)兼容(可以通過(guò)margin:負(fù)值)。

2，textarea層級(jí)最高，而且還沒辦法使用z-index來(lái)修改，使得自制modal等組件出現(xiàn)問題。這個(gè)問題同樣在開發(fā)工具上沒問題，在真機(jī)上才出現(xiàn)問題。

目前的解決方法：在modal彈起的時(shí)候，將textarea隱藏掉，具體隱藏方法看3

3.textarea使用display:none;visibility: hidden; opacity: 0都隱藏不了。

目前的解決方法：

textarea.hidden {
  position: relative;
  left: -1000%;
}

總結(jié)

以上所述是小編給大家介紹的關(guān)于微信小程序bug記錄與解決方法，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)億速云網(wǎng)站的支持！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手