36 lines
1.6 KiB
JavaScript
36 lines
1.6 KiB
JavaScript
/*
|
||
创建在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
|
||
} |