資訊專欄INFORMATION COLUMN
摘要：記錄小程序常見問題組件標簽問題表單頁面經常遇到和表現出來的邊距不同問題自帶多端不統一注意和與的會有不自動彈起還有，之間的表現形式結合組件標簽處理正常隱藏顯示自動聚焦位置錯亂穿透彈窗或遮罩層盡可能說服產品和在長表單頁面中最好不要如下
記錄小程序常見問題 組件(標簽)問題 textarea
表單頁面經常遇到ios和andriod表現出來的邊距不同問題
Q: textarea自帶padding - 多端不統一
wxml:
js:
wx.getSystemInfo({
success: function (res) {
that.globalData.system = !!~res.system.indexOf("Android") ? "android" : "ios";
}
})
☆ 注意： wx:if和hidden 與 textarea的focus、auto-focus (會有不自動彈起) 還有 ios，android之間的表現形式 結合view組件(標簽)處理
wx:if - ios正常隱藏顯示自動聚焦
placeholder位置錯亂, 穿透彈窗或遮罩層
☆ 盡可能說服產品和ui, 在長表單頁面中, 最好不要如下圖一樣的設計
textarea(②)從超過一屏幕的下方出現, 且頁面有提交懸浮塊③的設計, 在滾動(①)時會出現textarea內容層級問題.
表單一般都是從上而下填寫的, 懸浮設計為非必要. 因筆主說不過, 只能麻煩的隱藏顯示, ios沒事,但安卓切換顯示表現不友好.
textarea 在 position:fixed的元素中時要給 textarea 增加屬性 fixed：