1.element ui 的下拉框,在ios上面,当我去选择下拉框的选项,需要点击两次才能选中。
.el-scrollbar {
> .el-scrollbar__bar {
opacity: 1 !important;
}
}
2.ios input disabled 字体颜色
ios默认了disabled属性时透明度为0.3 以及隐藏样式-webkit-text-fill-color
input:disabled{
color:@disabledColor; opacity: 1; -webkit-text-fill-color: @disabledColor; }
3 滑动卡顿,有抖动现象
在需要滑动的位置加上如下css代码:
-webkit-overflow-scrolling:touch;
以此,界面滑动卡顿问题得以解决,但是,这一行代码会带来一个副作用:
1、在滑动界面之中使用的position:fixed 无法固定下来,会随着界面进行一起滚动
解决方法:将使用的position:fixed(头部导航)写在滑动部位外部,在使用绝对定位进行布局,以此解决问题
2、vue中使用v-if导致的界面初始化之后无法滑动
解决方法:将v-if改成v-show进行展示,解决界面进入之后第一次不能滑动的问题
4 el-popover / dropdown 点击出现蓝色边框
.xxx{ outline:none }
5.new Date() 时间格式
针对moment时间插件来写比较、赋值等等操作的时候在android、浏览器中都是ok的。但是在ios中出现样式没有,无法比较的问题。原因是safari浏览器对moment格式有严格的规范。如moment("2019/01/01","YYYY/MM/DD")
6.页面过长下面加载不全问题,修改vue页面在iPad的高度。