温州专业手机网站制作多少钱,wordpress类似头条主题,南京网站建设开发,域名续费一般多少钱一年这里就不放效果了#xff0c;大概意思就是在使用uView的popus时#xff0c;在底部弹出后#xff0c;如果弹窗中的输入框会造成一瞬间的placeholder文字错位#xff0c;这个问题的主要是因为uView安全区适配导致
uView相关文档
https://www.uviewui.com/components/safeAr…这里就不放效果了大概意思就是在使用uView的popus时在底部弹出后如果弹窗中的输入框会造成一瞬间的placeholder文字错位这个问题的主要是因为uView安全区适配导致
uView相关文档
https://www.uviewui.com/components/safeAreaInset.htmlpopus源码 它会自动判断在并且在IPhone X等机型的时候给元素加上一个适当底部内边距从而为了防止用户点击相关按钮时候误触。就像这样 可以在真机测试的时候通过真机控制台删除安全距离生成元素就会发现已经没有了之前的placeholder错位问题 解决方案 popup组件中动态绑定safeAreaInsetBottom的值在每次键盘高度变化的时候取反并且在每次键盘失去焦点的时候恢复底部安全距离从而实现页面上推键盘弹出时候因为安全距离而导致的placeholder错位问题
u-popup :showshow openpopupOpen :safeAreaInsetBottomsafeAreadata() {return {safeArea: true}
},// 键盘高度变化事件解决iphoneX底部安全距离导致的placeholder错位问题
keyboardheightchange() {this.safeArea !this.safeArea
},
// 输入框失焦
inputBlur() {this.safeArea true
},
