使用方法:
1:将代码上传到您的网址根目录,然后修改文件app.php 中的标题 APP下载引导改为你自己的APP名称
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=1" name="viewport">
<link href="css/guide.css" rel="stylesheet">
<title>APP下载引导页</title>
</head>
<?php
//判断客户是否在微信环境下,是的话提醒客户在浏览器里面打开
$is_weixin=false;
if (strpos($_SERVER['HTTP_USER_AGENT'], 'MicroMessenger') !== false ) {
$is_weixin=true;
}
?>
<body>
<div class="mianbody">
<div class="bg-box">
<div class="logo-content">
<img class="logo" src="images/logo.png">
</div>
<div class="btn-content">
<!-- <a href="./app.ipa" class="tips"> --><button <?php if($is_weixin){ ?> onClick="pointShow();" <?php }?> class="ios-btn"><img src="images/ios.png"><span>下载 iOS 版本</span></button><!-- </a> -->
<a href="./app.apk" class="tips"><button <?php if($is_weixin){?> onClick="pointShow();" <?php }?> class="android-btn"><img src="images/android.png"><span>下载Android版本</span></button></a>
<a href="#guide" class="tips">iOS下载安装指南</a>
</div>
</div>
<div class="guide-box">
<div class="guide-list">
<div class="guide-item" id="guide">
<div class="guide-tit"><span>iOS下载安装指南</span></div>
<div class="guide-img">
<img src="images/guide-img.jpg">
</div>
</div>
</div>
</div>
</div>
<div class="point-box" id="point-box" onClick="pointHid();">
<div class="point-con">
<p>点击右上角</p>
<p>选择在浏览器中打开</p>
</div>
</div>
<script>
function pointShow(){
document.getElementById("point-box").style.display="block";
}
function pointHid(){
document.getElementById("point-box").style.display="none";
}
</script>
</body>
</html>
全选代码复制
2:将APP打包文件上传到网站根目录 命名为app.apk
3:修改LOGO文件 images/logo.png 文件为你自己的LOGO
4:将你的下载地址 域名/app.php 发给客户后即可进入APP引导下载页面下载您的APP
0 (0%) 好评 | 0 (0%) 中评 | 0 (0%) 差评 |