微信小程序input抖动问题的修复方法


Posted in Javascript onMarch 03, 2021

发现问题

先看问题,小程序中,使用 Vant 的 Dialog 组件 + 小程序元素 input 组件,在弹出的时候 placeholder 文字会抖动一下,即初始位置偏上,再抖动到正确的位置上。

有问题的录屏:

微信小程序input抖动问题的修复方法

经过尝试,修复问题:

微信小程序input抖动问题的修复方法

我是这样修复的:

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

以上献给也遇到同样坑的朋友,以及我的几乎一整天!?

总结

到此这篇关于微信小程序input抖动问题修复的文章就介绍到这了,更多相关微信小程序input抖动内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript面向对象之静态与非静态类
Feb 03 Javascript
javascript 学习笔记(onchange等)
Nov 14 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
html5+javascript制作简易画板附图
Apr 25 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
May 13 Javascript
DOM基础教程之使用DOM控制表单
Jan 20 Javascript
Sublime Text 3常用插件及安装方法
Dec 16 Javascript
jquery+json实现分页效果
Mar 07 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
Mar 09 Javascript
js实现简单放大镜效果
Mar 07 Javascript
Vue实现点击导航栏当前标签后变色功能
Aug 19 Javascript
微信小程序组件生命周期的踩坑记录
Mar 03 #Javascript
vite2.0+vue3移动端项目实战详解
Mar 03 #Vue.js
基于JavaScript实现简单的轮播图
Mar 03 #Javascript
js面向对象方式实现拖拽效果
Mar 03 #Javascript
Vue多选列表组件深入详解
Mar 02 #Vue.js
Vue2.x-使用防抖以及节流的示例
Mar 02 #Vue.js
Vue中避免滥用this去读取data中数据
Mar 02 #Vue.js
You might like
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
php 分页类 扩展代码
2009/06/11 PHP
php 正确解码javascript中通过escape编码后的字符
2010/01/28 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
php读取excel文件的简单实例
2013/08/26 PHP
php时区转换转换函数
2014/01/07 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
一个JS翻页效果
2007/07/23 Javascript
document.onreadystatechange事件的用法分析
2009/10/17 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
JavaScript 判断浏览器是否支持SVG的代码
2013/03/21 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
2014/08/01 Javascript
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
jQuery查看选中对象HTML代码的方法
2016/06/17 Javascript
bootstrap日历插件datetimepicker使用方法
2016/12/14 Javascript
vue实现点击图片放大效果
2017/08/15 Javascript
webpack 静态资源集中输出的方法示例
2018/11/09 Javascript
vue路由前进后退动画效果的实现代码
2018/12/10 Javascript
js设置默认时间跨度过程详解
2019/07/17 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
[49:54]Ti4 循环赛第三日 LGD vs Titan
2014/07/12 DOTA
Python本地与全局命名空间用法实例
2015/06/16 Python
Python建立Map写Excel表实例解析
2018/01/17 Python
Python企业编码生成系统之主程序模块设计详解
2019/07/26 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
python安装第三方库如xlrd的方法
2020/10/31 Python
Python实现粒子群算法的示例
2021/02/14 Python
Python 里最强的地图绘制神器
2021/03/01 Python
绝对令人的惊叹的CSS3折叠效果(3D效果)整理
2012/12/30 HTML / CSS
锐步美国官方网站:Reebok美国
2018/01/10 全球购物
英国家居装饰品、户外家具和玻璃器皿购物网站:Rinkit.com
2019/11/04 全球购物
New Balance比利时官方网站:购买鞋子和服装
2021/01/15 全球购物
2015暑假社会调查报告
2015/07/13 职场文书
MySQL sql模式设置引起的问题
2022/05/15 MySQL