首次完整推送,
V:1.20240808.006
This commit is contained in:
36
common/openApp.js
Normal file
36
common/openApp.js
Normal file
@ -0,0 +1,36 @@
|
||||
/*
|
||||
创建在h5端全局悬浮引导用户下载app的功能,
|
||||
如不需要本功能直接移除配置文件app.config.js下的h5/openApp即可
|
||||
*/
|
||||
|
||||
import CONFIG from '../app.config.js';
|
||||
|
||||
const CONFIG_OPEN = CONFIG.h5.openApp || {};
|
||||
// 仅H5端添加"打开APP"
|
||||
export default function() {
|
||||
// #ifdef H5
|
||||
if (!CONFIG_OPEN.openUrl) return;
|
||||
|
||||
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 =
|
||||
'position: fixed;background:#FFFFFF;box-shadow: #eeeeee 1px 1px 9px; ;top: 0;left: 0;right: 0;z-index: 999;width: 100%;height: 45px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 0.5rem;'
|
||||
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: 12px;">${CONFIG_OPEN.appname || ''}</div>
|
||||
</div>
|
||||
<div class="openBtn" style="padding: 5px;font-size:12px;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;
|
||||
if (target.className.indexOf('openBtn') >= 0) {
|
||||
window.location.href = CONFIG_OPEN.openUrl;
|
||||
}
|
||||
})
|
||||
//#endif
|
||||
}
|
Reference in New Issue
Block a user