微信小程序input抖動問題的修復方法
發現問題
先看問題,小程序中,使用 Vant 的 Dialog 組件 + 小程序元素 input 組件,在彈出的時候 placeholder 文字會抖動一下,即初始位置偏上,再抖動到正確的位置上。
有問題的錄屏:
經過嘗試,修復問題:
我是這樣修復的:
.dialog-input, .dialog-input-placeholder { height: 80rpx !important; display: flex; align-items: center; }
以上獻給也遇到同樣坑的朋友,以及我的幾乎一整天!😭
總結
到此這篇關於微信小程序input抖動問題修復的文章就介紹到這瞭,更多相關微信小程序input抖動內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!
推薦閱讀:
- 在vant中如何使用dialog彈窗
- vant如何修改placeholder樣式
- vue如何隨心所欲調整el-dialog中body的樣式
- vue 動態添加el-input的實現邏輯
- vue模態框實現動態錨點