diff --git a/baseapp.config.js b/baseapp.config.js index d04ae80da9bf3e8007e7eb1bbc29c9ba8b6253cb..77a6f6b13b464d9ac8cc57cebd27719933b6c87c 100644 --- a/baseapp.config.js +++ b/baseapp.config.js @@ -1,6 +1,11 @@ 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":{ diff --git a/common/openApp.js b/common/openApp.js new file mode 100644 index 0000000000000000000000000000000000000000..4b9672800558407cc26dcfee52f4ee3b7a6db8a7 --- /dev/null +++ b/common/openApp.js @@ -0,0 +1,32 @@ +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 ? + `` : ''; + 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 = ` +
+ ${openLogo} +
${CONFIG_OPEN.appname || ''}
+
+
下载app
+ `; + 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 +} diff --git a/main.js b/main.js index 62c414c3d2b6dcd35524999f7a46eb36f8268e11..7c03a732fb3fe720ab7982fcae998008ea577fa4 100644 --- a/main.js +++ b/main.js @@ -1,12 +1,12 @@ 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({ diff --git a/template.h5.html b/template.h5.html index 49ab5da2420a933635a0ec12fccabf3be83b4d96..75d8322fe65438a0302a95a1fbf53568fcf3d8e3 100644 --- a/template.h5.html +++ b/template.h5.html @@ -34,18 +34,18 @@ - + + @@ -54,9 +54,7 @@ - -
+