Przeglądaj źródła

说明与android返回物理键返回处理优化

guohh 4 lat temu
rodzic
commit
687b9c8a56

+ 2 - 18
vue-project/ipu-vue-base/README-IPU.md

@ -1,6 +1,7 @@
1 1
# ipu结合vue开发
2 2
本文档为ipu框架结合vue开发的开发指导。
3 3
vue工程打包后生成文件,与ipu框架传统开发(基于jquery方式)并无区别,都是html+css+js等资源文件,把vue页面当作一个普通的ipu页面即可,需对vue工程调整以适于ipu框架环境运行。
4
<a href="./ipu-vue-base.zip" target="_blank">demo工程下载</a>
4 5
5 6
## vue调整
6 7
需对vue工程的路由和打包设置进行调整才能让vue工程在ipu框架下运行。
@ -75,7 +76,7 @@ Common.callSvc("SceneBean.dataRequestScene",param,function (resultData) { // 获
75 76
76 77
```
77 78
let _this = this
78
if (IpuMobile.isApp()) { // 若为APP运行
79
if (IpuMobile.isAndroid()) { // 若为APP环境Android环境运行
79 80
  IpuMobile.setKeyDownFlag("back", true);  // js负责处理手机物理键返回事件
80 81
81 82
  IpuMobile.setKeyListener("back", function () {
@ -108,20 +109,3 @@ if (IpuMobile.isApp()) { // 若为APP中运行
108 109
- 本工程通过vue脚手架工程生生
109 110
- 其中的框架js可参考,不要直接拷贝到工程,js的版本需与客户端服务端一致,否则可能插件功能可能失败出错等。
110 111
111
112
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
113
 <script src="../../source/md5.min.js"></script>
114
 <script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
115
 <div id="gitalk-container"></div>
116
 <script>
117
   var gitalk = new Gitalk({
118
     "clientID": "f8eec1cd59e53d8158d2",
119
     "clientSecret": "83873640a1aa569a87ab8d07b210efe35b6797b8",
120
     "repo": "IPU-DOCUMENT",
121
     "owner": "luckywangyj",
122
     "admin": ["luckywangyj"],
123
     "id": md5(location.href),
124
     "distractionFreeMode": false
125
   });
126
   gitalk.render("gitalk-container");
127
 </script>

BIN
vue-project/ipu-vue-base/ipu-vue-base.zip


+ 1 - 1
vue-project/ipu-vue-base/src/App.vue

@ -11,7 +11,7 @@
11 11
    name: 'App',
12 12
    created() {
13 13
      let _this = this
14
      if (IpuMobile.isApp()) { // 若为APP运行
14
      if (IpuMobile.isAndroid()) { // 若为APP环境Android环境运行
15 15
        IpuMobile.setKeyDownFlag("back", true);  // js负责处理手机物理键返回事件
16 16
17 17
        IpuMobile.setKeyListener("back", function () {