Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
萌新之路
uni-starter
提交
d6c0ba17
U
uni-starter
项目概览
萌新之路
/
uni-starter
与 Fork 源项目一致
Fork自
DCloud / uni-starter
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
U
uni-starter
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
d6c0ba17
编写于
4月 21, 2021
作者:
芊
芊里
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
添加H5的打开按钮
上级
276bef28
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
52 addition
and
17 deletion
+52
-17
baseapp.config.js
baseapp.config.js
+6
-1
common/openApp.js
common/openApp.js
+32
-0
main.js
main.js
+2
-2
template.h5.html
template.h5.html
+12
-14
未找到文件。
baseapp.config.js
浏览文件 @
d6c0ba17
module
.
exports
=
{
"
h5
"
:{
"
url
"
:
"
https://static-76ce2c5e-31c7-4d81-8fcf-ed1541ecbc6e.bspapp.com
"
// 前端网页托管的域名
"
url
"
:
"
https://static-76ce2c5e-31c7-4d81-8fcf-ed1541ecbc6e.bspapp.com
"
,
// 前端网页托管的域名
"
openApp
"
:{
"
openUrl
"
:
'
https://sj.qq.com/myapp/detail.htm?apkName=com.tencent.android.qqdownloader&info=6646FD239A6EBA9E2DEE5DFC7E18D867
'
,
"
appname
"
:
'
base-app
'
,
"
logo
"
:
'
./static/logo.png
'
,
}
},
"
mp
"
:{
"
weixin
"
:{
...
...
common/openApp.js
0 → 100644
浏览文件 @
d6c0ba17
import
CONFIG
from
'
../baseapp.config.js
'
;
const
CONFIG_OPEN
=
CONFIG
?.
h5
?.
openApp
?.
openUrl
?
CONFIG
.
h5
.
openApp
:
{};
// 仅H5端添加"打开APP"
export
default
function
()
{
// #ifdef H5
if
(
!
CONFIG_OPEN
.
openUrl
)
return
console
.
warn
(
'
请配置app地址
'
);
let
openLogo
=
CONFIG_OPEN
.
logo
?
`<img src="
${
CONFIG_OPEN
.
logo
}
" style="width: 2rem;height: 2rem;border-radius: 3px;">`
:
''
;
let
openApp
=
document
.
createElement
(
"
div
"
);
openApp
.
id
=
'
openApp
'
;
openApp
.
style
=
'
width: 100%;height: 45px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 0.5rem;background-color: #FFFFFF;
'
openApp
.
innerHTML
=
`
<div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center;">
${
openLogo
}
<div style="padding-left: 0.3rem;font-size: 0.25rem;">
${
CONFIG_OPEN
.
appname
||
''
}
</div>
</div>
<div class="openBtn" style="padding: 5px;font-size: 0.3rem;border-radius: 2px;border: 1px solid #007AFF;color: #007AFF;">下载app</div>
`
;
document
.
body
.
insertBefore
(
openApp
,
document
.
body
.
firstChild
);
document
.
body
.
style
=
'
height:calc(100% - 45px); margin-top:45px;
'
;
openApp
.
addEventListener
(
'
click
'
,
e
=>
{
var
target
=
e
.
target
||
e
.
srcElement
;
console
.
log
(
target
);
if
(
target
.
className
.
indexOf
(
'
openBtn
'
)
>=
0
)
{
window
.
location
.
href
=
CONFIG_OPEN
.
openUrl
;
}
})
//#endif
}
main.js
浏览文件 @
d6c0ba17
import
Vue
from
'
vue
'
import
App
from
'
./App
'
import
store
from
'
./store/index.js
'
;
import
openApp
from
'
./common/openApp.js
'
;
import
request
from
'
./js_sdk/request.js
'
;
Vue
.
config
.
productionTip
=
false
Vue
.
prototype
.
request
=
request
openApp
();
App
.
mpType
=
'
app
'
const
app
=
new
Vue
({
...
...
template.h5.html
浏览文件 @
d6c0ba17
...
...
@@ -34,18 +34,18 @@
<script>
// document.addEventListener('DOMContentLoaded', function() {
// document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
// })
// setTimeout(()=>{
// document.querySelector('#gg').addEventListener('click',e=>{
// console.log(e);
// alert(12)
// window.location.href = "https://m3w.cn/uniapp"
// })
// },1000)
// })
</script>
<link
rel=
"stylesheet"
href=
"<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css"
/>
<link
rel=
"stylesheet"
href=
"<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css"
/>
<style
type=
"text/css"
>
#openApp
{
position
:
fixed
;
top
:
0
;
left
:
0
;
right
:
0
;
z-index
:
999
;
}
</style>
</head>
<body>
<!-- 该文件为 H5 平台的模板 HTML,并非应用入口。 -->
...
...
@@ -54,9 +54,7 @@
<noscript>
<strong>
Please enable JavaScript to continue.
</strong>
</noscript>
<!-- <div id="gg" style="width: 99px;height: 99px;background-color: #007AFF;"
>下载app</div> -->
<div
style=
"margin-top: 100px;"
id=
"app"
></div>
<div
style=
"margin-top: 100px;"
id=
"app"
></div>
<!-- built files will be auto injected -->
<script>
/*BAIDU_STAT*/
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录