解決微信小程序placeholder文字」懸浮「問題

方法一:

在彈出層顯示時隱藏input或者textarea組件,測試發現只有設置」display:none「才生效,設置"opacity:0"真機測試placeholder的文字依舊存在。固然也能夠設置wx:if或hidden來顯示隱藏,只不過這些作法都影響佈局,不推薦html

後來再想了下,其實能夠在隱藏textarea的時候用view來模擬textarea顯示內容,這樣既不改變佈局,也能合理地展現內容。canvas

方法二:

經過「cover-view」組件來寫彈出層,不修改placeholder。ide

官方原話:佈局

覆蓋在原生組件之上的文本視圖,可覆蓋的原生組件包括mapvideocanvascameralive-playerlive-pusher,只支持嵌套cover-viewcover-image,可在cover-view中使用button性能

 這個作法適合在彈出層層級比較單一的時候,假若彈出層是一個自定義的日曆,且日曆的每一個組件都要使用coever-view,cover-image代替,其渲染性能會大大減弱。(其實picker組件也是能夠在cover-view中使用的,具體是將其顯示的值用cover-view包裹便可)測試

方法三:

經過控制「placeholder-style"或者」placeholder-class"來設置placeholder的顏色來顯示或隱藏placeholder文字。spa

<textarea placeholder-style="color: transparent" placeholder="請輸入"/>
相關文章
相關標籤/搜索