报错

报错总结

前段时间写的项目遇到的报错总结.

样式报错

ios系统和安卓系统的差异,导致安卓系统正常的显示,在ios系统上面有问题

1. 问题:给input设置了disabled后,input颜色变浅. 原因:
   disabled 默认是0.3,所以样式里一定要加 opacity:1
   解决: input[disabled],input:disabled,input.disabled {
   color: #444!important;
   -webkit-text-fill-color: #444;
   -webkit-opacity: 1;
   opacity: 1;
   }；
2. 问题:ios的z-index失效. 原因:页面上加上 iOS的弹性滑动属性-webkit-overflow-scrolling: touch会导致苹果上z-index属性失效，安卓正常. 解决:注掉该代码；
3. 问题: ios系统,input标签的键盘被调起,视图上移 解决: 在main.js加代码
   window.document.addEventListener(‘focusout’, function () {
   window.scrollTo()
   })；

其它报错

渲染页面时,既有本地数据又有后端返回的数据,会呈现出同一页面渲染内容不同步的问题,在最外层div加一个判断条件(在后端数据返回之后再渲染页面)