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