微信小程序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 相关文章推荐
jQuery查询数据返回object和字符串影响原因是什么
Aug 09 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
AngularJS入门教程之Scope(作用域)
Jul 27 Javascript
bootstrap datetimepicker2.3.11时间插件使用
Nov 19 Javascript
如何重置vue打印变量的显示方式
Dec 06 Javascript
详解webpack 打包文件体积过大解决方案(code splitting)
Apr 10 Javascript
vue-vuex中使用commit提交mutation来修改state的方法详解
Sep 16 Javascript
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
使用localStorage替代cookie做本地存储
Sep 25 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
May 29 jQuery
JavaScript+HTML实现学生信息管理系统
Apr 20 Javascript
react 路由Link配置详解
Nov 11 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数据库操作方法(MYSQL版)
2011/06/08 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
Codeigniter框架实现获取分页数据和总条数的方法
2014/12/05 PHP
PHP计算百度地图两个GPS坐标之间距离的方法
2015/01/09 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
PHP多维数组排序array详解
2017/11/21 PHP
漂亮的jquery提示效果(仿腾讯弹出层)
2013/02/05 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
2013/12/25 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
express的中间件basicAuth详解
2014/12/04 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
bootstrap模态框关闭后清除模态框的数据方法
2018/08/10 Javascript
vue实现购物车抛物线小球动画效果的方法详解
2019/02/13 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
NodeJS配置CORS实现过程详解
2020/12/02 NodeJs
js实现电灯开关效果
2021/01/19 Javascript
Python 文件重命名工具代码
2009/07/26 Python
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
详解Python如何获取列表(List)的中位数
2016/08/12 Python
使用python编写监听端
2018/04/12 Python
python调试神器PySnooper的使用
2019/07/03 Python
python用for循环求和的方法总结
2019/07/08 Python
python按键按住不放持续响应的实例代码
2019/07/17 Python
python如何实现不用装饰器实现登陆器小程序
2019/12/14 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
2014学年自我鉴定
2014/02/23 职场文书
公司周年庆活动方案
2014/08/25 职场文书
2014年社区综治工作总结
2014/11/17 职场文书
2014年乡镇工作总结
2014/11/21 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
面试被问select......for update会锁表还是锁行
2021/11/11 MySQL
让JavaScript代码更加精简的方法技巧
2022/06/01 Javascript