37 lines
1.5 KiB
JavaScript
37 lines
1.5 KiB
JavaScript
|
/*
|
|||
|
|
创建在h5端全局悬浮引导用户下载app的功能，
|
|||
|
|
如不需要本功能直接移除配置文件uni-starter.config.js下的h5/openApp即可
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
import CONFIG from '../uni-starter.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
|
|||
|
|
}
|