element-ui适配pad 遇到的问题

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的高度。