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