...
|
...
|
@@ -32,12 +32,10 @@ http://cn.vuejs.org/guide/ |
|
|
## 4.与app端的交互
|
|
|
混合模式下,比较麻烦的地方是与app原生端的交互。因为有些业务处理需要app端配合处理。
|
|
|
|
|
|
* 1.
|
|
|
涉及到与app端跳转相关的逻辑可参看:public/js/common/intercept-click.js文件
|
|
|
* 涉及到与app端跳转相关的逻辑可参看:public/js/common/intercept-click.js文件
|
|
|
具体规则可参看:http://git.yoho.cn/mobile/AppJSBridge/tree/master
|
|
|
|
|
|
* 2.
|
|
|
监听app端事件参看:public/js/common/vue-bus.js文件,是通过一个全局的vue实例的on及emit来处理的。
|
|
|
* 监听app端事件参看:public/js/common/vue-bus.js文件,是通过一个全局的vue实例的on及emit来处理的。
|
|
|
|
|
|
## 5.页面刷新
|
|
|
|
...
|
...
|
@@ -54,10 +52,10 @@ http://cn.vuejs.org/guide/ |
|
|
不过对于ios及android的区别,适配的工作量仍然很大。
|
|
|
|
|
|
我先列出我碰到的一些适配问题,欢迎补充
|
|
|
* 1. <input type='date'> 元素在ios和android的效果是完全不一样的(比如在ios中会显示年月日,在android中则是/)。而这个元素的可设置的属性也很有限。
|
|
|
* <input type='date'> 元素在ios和android的效果是完全不一样的(比如在ios中会显示年月日,在android中则是/)。而这个元素的可设置的属性也很有限。
|
|
|
于是只能用曲线救国的办法了, 在input元素下面方一个span,然后把input给背景透明,这样我们就可以通过改动span来显示我们想要的了(欢迎更好的解决方法)
|
|
|
|
|
|
* 2. <select> 元素 在ios和android也是完全不一样,在ios中默认值如果未改变的话,是不会触发change事件的。所以目前的做法是在ios的选择项中多加一个默认值。
|
|
|
* <select> 元素 在ios和android也是完全不一样,在ios中默认值如果未改变的话,是不会触发change事件的。所以目前的做法是在ios的选择项中多加一个默认值。
|
|
|
而android则不需要。目前的做法是会根据ua来判断是否是ios,来进行不同的处理
|
|
|
|
|
|
* 3. 目前blk-wap项目中的字体全部用的css,不要手动去写unicode码 |
|
|
* 目前blk-wap项目中的字体全部用的css,不要手动去写unicode码 |
...
|
...
|
|