微信小程序bug記錄

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、大田網(wǎng)絡(luò)推廣、微信平臺(tái)小程序開發(fā)、大田網(wǎng)絡(luò)營(yíng)銷、大田企業(yè)策劃、大田品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；成都創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供大田建站搭建服務(wù)，24小時(shí)服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

textarea

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

第一張圖是在開發(fā)工具上的，第二張圖是在IOS真機(jī)上的。從上圖可以看出來(lái)，在開發(fā)工具上顯示很正常，而且沒(méi)有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í)最高，而且還沒(méi)辦法使用z-index來(lái)修改，使得自制modal等組件出現(xiàn)問(wèn)題。這個(gè)問(wèn)題同樣在開發(fā)工具上沒(méi)問(wèn)題，在真機(jī)上才出現(xiàn)問(wèn)題。

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

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

目前的解決方法：

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

總結(jié)

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