|
|
@@ -0,0 +1,82 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>伴声app下载</title>
|
|
|
+ <script src="../../assets/js/fontSize.js"></script>
|
|
|
+</head>
|
|
|
+<style>
|
|
|
+ .wxtip{background: rgba(0,0,0,0.8); text-align: center; position: fixed; left:0; top: 0; width: 100%; height: 100%; z-index: 998; display: none;}
|
|
|
+ .wxtip-icon{width: 52px; height: 67px; background: url(../../assets/img/weixin-tip.png) no-repeat; display: block; position: absolute; right: 20px; top: 20px;}
|
|
|
+ .wxtip-txt{margin-top: 107px; color: #fff; font-size: 16px; line-height: 1.5;}
|
|
|
+
|
|
|
+ * {
|
|
|
+ margin:0;
|
|
|
+ padding:0;
|
|
|
+ }
|
|
|
+ body {
|
|
|
+ background:#edf0f0;
|
|
|
+ font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
|
|
|
+ font-size:14px;
|
|
|
+ color:#333;
|
|
|
+ padding:0;
|
|
|
+ margin:0;
|
|
|
+ }
|
|
|
+ .page{
|
|
|
+ position: relative;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background: url(../../assets/img/download.png) no-repeat center/cover;
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ width: 290px;
|
|
|
+ height: 45px;
|
|
|
+ background: linear-gradient(90deg, #8F68DD, #6B7DDB);
|
|
|
+ box-shadow: 0px 1px 2px 0px rgba(126, 114, 220, 0.59);
|
|
|
+ line-height: 45px;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 17px;
|
|
|
+ color: #FFFFFF;
|
|
|
+ border-radius: 35px;
|
|
|
+ bottom:26px;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ position: absolute;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+
|
|
|
+<body >
|
|
|
+<div class="page">
|
|
|
+ <a class="btn" href="{$downurl}" id="JdownApp">点击下载</a>
|
|
|
+</div>
|
|
|
+<div class="wxtip" id="JweixinTip">
|
|
|
+ <span class="wxtip-icon"></span>
|
|
|
+ <p class="wxtip-txt">点击右上角<br/>选择在浏览器中打开</p>
|
|
|
+</div>
|
|
|
+
|
|
|
+</body>
|
|
|
+<script>
|
|
|
+
|
|
|
+ function weixinTip(ele){
|
|
|
+ var ua = navigator.userAgent;
|
|
|
+ var isWeixin = !!/MicroMessenger/i.test(ua);
|
|
|
+ if(isWeixin){
|
|
|
+ ele.onclick=function(e){
|
|
|
+ window.event? window.event.returnValue = false : e.preventDefault();
|
|
|
+ document.getElementById('JweixinTip').style.display='block';
|
|
|
+ }
|
|
|
+ document.getElementById('JweixinTip').onclick=function(){
|
|
|
+ this.style.display='none';
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ var btn1 = document.getElementById('JdownApp');//下载一
|
|
|
+ weixinTip(btn1);
|
|
|
+</script>
|
lizhen_gitee