![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端ios踩坑历险记
记录移动端一些ios兼容问题
凡尘向天
这个作者很懒,什么都没留下…
展开
-
beforeRouteLeave 两次进入问题,解决IOS 滑动默认返回上级路由问题
场景是,表单填写页面 默认返回首页,有特定按钮返回首页,但是移动端IOS 支持滑动返回上级路由,这样表单成功页面会回到填写表单填写的最后一个步骤页面,如果使用replace,那表单填写步骤之间的页面就不能返回了,所以针对次场景,对填写成功页面做路由守卫监听,控制路由全部指向首页 beforeRouteLeave(to, from, next) { if (to.path === '/home') { // 判断要去的页面 如果是要去的目的页面就继续,(第二次进入该路由守卫) .原创 2021-05-21 13:56:06 · 1622 阅读 · 0 评论 -
IOS 兼容iphonex 系列手机安全区域下,底部吸底样式问题
1.由于为了适配IphoneX系列得顶部和底部,设置出了安全区域,上下2部分空出白色区域(34px,来装载底部得控制条和顶部栏),但是由于底部吸底得公共组件也是白色,与底部空出得安全区域接洽,造成底部吸底组件空出得空白区域较多显得突兀(padding-bottom+底部安全padding-top)判断dang’qian由于为了适配IphoneX系列得顶部和底部,设置出了安全区域,上下2部分空出白色区域(34px,来装载底部得控制条和顶部栏),但是由于底部吸底得公共组件也是白色,与底部空出得安全区域接洽,原创 2021-04-20 18:20:22 · 539 阅读 · 0 评论 -
ios系统disabled 禁用下颜色变淡问题
input { font-size: 14px; color: #333; &::-webkit-input-placeholder { color: #ccc; } input:-moz-placeholder { color: #ccc; } input:-ms-input-placeholder { color: #ccc; } &:disabled { col..原创 2021-04-20 17:07:18 · 521 阅读 · 0 评论 -
IOS 移动端 输入框上边框出现阴影问题
-webkit-appearance: none; /*去除系统默认的样式*/原创 2021-04-20 17:04:16 · 308 阅读 · 0 评论