微信小程序input抖動問題的修復(fù)方法
更新時(shí)間：2021年03月03日 11:32:51 作者：華晨跑跑跑
這篇文章主要給大家介紹了關(guān)于微信小程序input抖動問題的修復(fù)方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
發(fā)現(xiàn)問題
先看問題，小程序中，使用 Vant 的 Dialog 組件 + 小程序元素 input 組件，在彈出的時(shí)候 placeholder 文字會抖動一下，即初始位置偏上，再抖動到正確的位置上。
有問題的錄屏：
經(jīng)過嘗試，修復(fù)問題：
我是這樣修復(fù)的：
.dialog-input,
.dialog-input-placeholder {
height: 80rpx !important;
display: flex;
align-items: center;
}
以上獻(xiàn)給也遇到同樣坑的朋友，以及我的幾乎一整天！😭
總結(jié)
到此這篇關(guān)于微信小程序input抖動問題修復(fù)的文章就介紹到這了,更多相關(guān)微信小程序input抖動內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
IScroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法
下面小編就為大家?guī)硪黄狪Scroll那些事_當(dāng)內(nèi)容不足時(shí)下拉刷新的解決方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
基于HTML5+JS實(shí)現(xiàn)本地圖片裁剪并上傳功能
這篇文章主要為大家詳細(xì)介紹了HTML5本地圖片裁剪并上傳的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
一文詳解如何使npm-scripts更好維護(hù)的配置方法
這篇文章主要為大家介紹了如何使npm-scripts更好維護(hù)的配置方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
javascript （用setTimeout而非setInterval）
javascript （用setTimeout而非setInterval）如果用setInterval 可能出現(xiàn) 下次調(diào)用會在前一次調(diào)用前調(diào)用2011-12-12
js數(shù)組操作學(xué)習(xí)總結(jié)。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
Javascript腳本語言同其他語言一樣,有它自身的基本數(shù)據(jù)類型,表達(dá)式和算術(shù)運(yùn)算符及程序的基本程序框架,這篇文章主要給大家介紹了關(guān)于JS中八種數(shù)據(jù)類型的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
JavaScript實(shí)現(xiàn)選項(xiàng)卡功能(面向過程與面向?qū)ο?
本文主要介紹了JavaScript實(shí)現(xiàn)選項(xiàng)卡功能(面向過程與面向?qū)ο?，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了面向切面編程（AOP）的理解,需要的朋友可以參考下2015-05-05
記一次webpack3升級webpack4的踩坑經(jīng)歷
這篇文章主要介紹了記一次webpack3升級webpack4的踩坑經(jīng)歷，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
前端頁面適配之postcss-px-to-viewport實(shí)現(xiàn)步驟
postcss-px-to-viewport是一個(gè)PostCSS插件,它可以將px單位轉(zhuǎn)換為視口單位(vw、vh?或?vmin),這篇文章主要給大家介紹了關(guān)于前端頁面適配之postcss-px-to-viewport的實(shí)現(xiàn)步驟,需要的朋友可以參考下2024-03-03