|
@ -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>
|