關于微信小程序bug記錄與解決方法
微信小程序bug記錄
textarea
1.textarea在模擬器上沒有padding,可是在真機上會自帶padding,而且在外部改不了,并且在安卓和IOS上padding還不一樣


第一張圖是在開發(fā)工具上的,第二張圖是在IOS真機上的。從上圖可以看出來,在開發(fā)工具上顯示很正常,而且沒有padding,可是在真機上左上角就出現(xiàn)了padding,并且無論你在外部對textarea的padding做任何處理,都無法覆蓋。
目前有一種解決方式是根據(jù)ios和android的不同平臺來給teaxarea設置不同的樣式。
解決方法:通過wx.getSystemInfo來獲取當前設備的平臺(IOS or Android),然后根據(jù)不同的平臺來設置不同的偏移樣式來兼容(可以通過margin:負值)。
2,textarea層級最高,而且還沒辦法使用z-index來修改,使得自制modal等組件出現(xiàn)問題。這個問題同樣在開發(fā)工具上沒問題,在真機上才出現(xiàn)問題。
目前的解決方法:在modal彈起的時候,將textarea隱藏掉,具體隱藏方法看3
3.textarea使用display:none;visibility: hidden; opacity: 0都隱藏不了。
目前的解決方法:
textarea.hidden {
position: relative;
left: -1000%;
}
總結
以上所述是小編給大家介紹的關于微信小程序bug記錄與解決方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- 微信小程序 加載 app-service.js 錯誤解決方法
- 微信小程序出現(xiàn)wx.navigateTo頁面不跳轉問題的解決方法
- 微信小程序首頁數(shù)據(jù)初始化失敗的解決方法
- 微信小程序 圖片邊框解決方法
- 詳解微信小程序審核不通過的解決方法
- 微信小程序scroll-x失效的完美解決方法
- 微信小程序錄音文件格式silk遇到的問題及解決方法
- 微信小程序出現(xiàn)wx.getLocation再次授權問題的解決方法分析
- 微信小程序控制臺提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解決方法
相關文章
JavaScript實現(xiàn)自定義媒體播放器方法介紹
本文主要介紹了JavaScript自定義媒體播放器的實現(xiàn)過程與方法,具有一定的參考作用,下面跟著小編一起來看下吧2017-01-01
JavaScript?中URL?查詢字符串(query?string)的序列與反序列化的方法
在 JavaScript 中,可以使用?URLSearchParams?對象來處理 URL 中的查詢字符串,這篇文章主要介紹了JavaScript?中URL查詢字符串(query?string)的序列與反序列化,需要的朋友可以參考下2023-01-01
JavaScript中創(chuàng)建對象的7種模式詳解
本文主要介紹了JavaScript中創(chuàng)建對象的7種模式,具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02
JavaScript實現(xiàn)內(nèi)容滾動與導航標簽互動關聯(lián)方案
這篇文章主要介紹了JavaScript實現(xiàn)內(nèi)容滾動與導航標簽互動關聯(lián)方案,主要根據(jù)滾動左側內(nèi)容,關聯(lián)激活右側導航節(jié)點展開相應介紹,需要的小伙伴可以參考一下2022-06-06

