微信小程序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最常用与实用的创建类的代码
Aug 12 Javascript
两种方法实现文本框输入内容提示消失
Mar 17 Javascript
同时使用n个window onload加载实例介绍
Apr 25 Javascript
JS验证邮箱格式是否正确的代码
Dec 05 Javascript
调试JavaScript中正则表达式中遇到的问题
Jan 27 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
javascript+html5+css3自定义提示窗口
Jun 21 Javascript
eslint 的三大通用规则详解
May 16 Javascript
微信小程序实现下拉框功能
Jul 16 Javascript
vue实现文字加密功能
Sep 27 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
php中判断字符串是否全是中文或含有中文的实现代码
2011/09/16 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
原生js实现回复评论功能
2017/01/18 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
2017/07/05 Javascript
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
详解如何在angular2中获取节点
2017/11/23 Javascript
JS实现的合并多个数组去重算法示例
2018/04/11 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
Layui多选只有最后一个值的解决方法
2019/09/02 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
vue.js click点击事件获取当前元素对象的操作
2020/08/07 Javascript
Handtrack.js库实现实时监测手部运动(推荐)
2021/02/08 Javascript
python中关于时间和日期函数的常用计算总结(time和datatime)
2013/03/08 Python
Python程序中使用SQLAlchemy时出现乱码的解决方案
2015/04/24 Python
python检查字符串是否是正确ISBN的方法
2015/07/11 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
python画柱状图--不同颜色并显示数值的方法
2018/12/13 Python
Python任意字符串转16, 32, 64进制的方法
2019/06/12 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
运动员口号
2014/06/09 职场文书
安全标语大全
2014/06/10 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
店面出租协议书范本
2014/11/28 职场文书
撤诉书怎么写
2015/05/19 职场文书
2015年学校政教处工作总结
2015/05/26 职场文书
李清照的诗词赏析(20首)
2019/08/22 职场文书
Pytest之测试命名规则的使用
2021/04/16 Python