|
@ -1,9 +1,7 @@
|
1
|
|
# ipu集成vue
|
2
|
|
本文档为ipu框架集成vue开发的开发指导,相关介绍有不明确或问题也可仔细ipu开发。
|
3
|
|
|
|
1
|
# ipu结合vue开发
|
|
2
|
本文档为ipu框架结合vue开发的开发指导。
|
4
|
3
|
vue工程打包后生成文件,与ipu框架传统开发(基于jquery方式)并无区别,都是html+css+js等资源文件,把vue页面当作一个普通的ipu页面即可,需对vue工程调整以适于ipu框架环境运行。
|
5
|
4
|
|
6
|
|
|
7
|
5
|
## vue调整
|
8
|
6
|
需对vue工程的路由和打包设置进行调整才能让vue工程在ipu框架下运行。
|
9
|
7
|
|
|
@ -111,4 +109,19 @@ if (IpuMobile.isApp()) { // 若为APP中运行
|
111
|
109
|
- 其中的框架js可参考,不要直接拷贝到工程,js的版本需与客户端服务端一致,否则可能插件功能可能失败出错等。
|
112
|
110
|
|
113
|
111
|
|
114
|
|
|
|
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>
|