微信小程序bug記錄

textarea

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

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

2，textarea層級最高，而且還沒辦法使用z-index來修改，使得自制modal等組件出現問題。這個問題同樣在開發工具上沒問題，在真機上才出現問題。

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

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

目前的解決方法：

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

總結

以上所述是小編給大家介紹的關于微信小程序bug記錄與解決方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！