微信小程序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 相关文章推荐
js内存泄露的几种情况详细探讨
May 31 Javascript
原生js仿jq判断当前浏览器是否为ie,精确到ie6~8
Aug 30 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
Jun 05 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
BootStrap智能表单实战系列(三)分块表单配置详解
Jun 13 Javascript
JS实现AES加密并与PHP互通的方法分析
Apr 19 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
Vue批量图片显示时遇到的路径被解析问题
Mar 28 Javascript
Vue 动态添加路由及生成菜单的方法示例
Jun 20 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 Javascript
vue3+typescript实现图片懒加载插件
Oct 26 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
Terran建筑一览
2020/03/14 星际争霸
Terran历史背景
2020/03/14 星际争霸
PHP 数组入门教程小结
2009/05/20 PHP
深入file_get_contents与curl函数的详解
2013/06/25 PHP
php中spl_autoload详解
2014/10/17 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList
2012/02/03 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
js分页代码分享
2014/04/28 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
JS实现保留n位小数的四舍五入问题示例
2016/08/03 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
详解用webpack2搭建angular2的项目
2017/06/22 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
浅谈Angularjs中不同类型的双向数据绑定
2018/07/16 Javascript
JavaScript简单实现关键字文本搜索高亮显示功能示例
2018/07/25 Javascript
vue-router两种模式区别及使用注意事项详解
2019/08/01 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
[01:33]DOTA2上海特级锦标赛 LIQUID战队完整宣传片
2016/03/16 DOTA
Python import自定义模块方法
2015/02/12 Python
Python内置函数——__import__ 的使用方法
2017/11/24 Python
Python计算开方、立方、圆周率,精确到小数点后任意位的方法
2018/07/17 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
pytorch实现特殊的Module--Sqeuential三种写法
2020/01/15 Python
PYcharm 激活方法(推荐)
2020/03/23 Python
5分钟快速掌握Python定时任务框架的实现
2021/01/26 Python
CSS3 边框效果
2019/11/04 HTML / CSS
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
统计岗位职责
2014/02/21 职场文书
学徒工职责
2014/03/06 职场文书
超市商业计划书
2014/05/04 职场文书
法人授权委托书
2014/09/16 职场文书
基于Nginx实现限制某IP短时间访问次数
2021/03/31 Servers
MySQL分区以及建索引的方法总结
2022/04/13 MySQL