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

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM