微信小程序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函数
Dec 22 Javascript
JavaScript模板入门介绍
Sep 26 Javascript
jQuery学习笔记之jQuery.fn.init()的参数分析
Jun 09 Javascript
javascript中键盘事件用法实例分析
Jan 30 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
基于JavaScript实现下拉列表左右移动代码
Feb 07 Javascript
微信小程序 template模板详解及实例代码
Mar 09 Javascript
JavaScript ES6常用基础知识总结
Feb 09 Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 Javascript
JS动态图片的实现方法完整示例
Jan 13 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/20 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
php实现和c#一致的DES加密解密实例
2017/07/24 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
FireFox JavaScript全局Event对象
2009/06/14 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
js 获取、清空input type="file"的值示例代码
2014/02/19 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
html的DOM中document对象images集合用法实例
2015/01/21 Javascript
Javascript中的return作用及javascript return关键字用法详解
2015/11/05 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
Javascript 事件冒泡机制详细介绍
2016/10/10 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
浅谈Javascript事件对象
2017/02/05 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
mint-ui的search组件在键盘显示搜索按钮的实现方法
2017/10/27 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
JS html事件冒泡和事件捕获操作示例
2019/05/01 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
Django实现文件上传下载功能
2019/10/06 Python
python hash每次调用结果不同的原因
2019/11/21 Python
Python调用高德API实现批量地址转经纬度并写入表格的功能
2021/01/12 Python
意大利在线药房:Farmacia Loreto Gallo
2019/08/09 全球购物
迎接领导欢迎词
2014/01/11 职场文书
十佳班主任事迹材料
2014/01/18 职场文书
三八节标语
2014/06/27 职场文书
学籍证明模板
2015/06/18 职场文书
医院岗前培训心得体会
2016/01/08 职场文书
JPA如何使用entityManager执行SQL并指定返回类型
2021/06/15 Java/Android
mybatis-plus模糊查询指定字段
2022/04/28 Java/Android