微信小程序input抖動問題的修復方法

發現問題

先看問題,小程序中,使用 Vant 的 Dialog 組件 + 小程序元素 input 組件,在彈出的時候 placeholder 文字會抖動一下,即初始位置偏上,再抖動到正確的位置上。

有問題的錄屏:

經過嘗試,修復問題:

我是這樣修復的:

.dialog-input,
.dialog-input-placeholder {
 height: 80rpx !important;
 display: flex;
 align-items: center;
}

以上獻給也遇到同樣坑的朋友,以及我的幾乎一整天!😭

總結

到此這篇關於微信小程序input抖動問題修復的文章就介紹到這瞭,更多相關微信小程序input抖動內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀: