xiaomiid 发表于 2018-7-24 01:31:53

分享一个好看的H5移动页面自适应影视app下载页

本帖最后由 xiaomiid 于 2018-7-24 01:51 编辑

今天给大家分享一个好看的影视app下载页面源码



下面是需要修改的地方,大家参考修改就行了
1.修改首页index.php
第11行 <meta name="mobile-agent" content="format=html5;url=下载页域名/wap/">
第16行 window.location.href='这里填写下载页域名/wap/';
第70行 <a href="修改为你的app下载地址" class="an"><div class="code_bg"><img src="这里是app下载地址二维码"></div></a>
2.修改 wap目录下 index.php
第15行<link rel="canonical" href="下载页域名">
第23行 window.location.href='这里填写下载页域名';
第 38 行 <div class="down clearfix"><a href="你的app下载地址" title="立即下载---你的app名称---安卓Android版" class="android"></a></div>
第 50 行<div class="down clearfix"><a href="你的app下载地址" title="立即下载---你的app名称---安卓Android版" class="android"></a></div>
第 62 行<div class="down clearfix"><a href="你的app下载地址" title="立即下载---你的app名称---安卓Android版" class="android"></a></div>
第 74行<div class="down clearfix"><a href="你的app下载地址" title="立即下载---你的app名称---安卓Android版" class="android"></a></div>
3.更换图片请打开 images文件夹和wap/images按照图片尺寸大小修改即可
4.其他内容根据自己的需求修改主要是修改index.php和wap/index.php,请勿使用记事本打开5.显示苹果版下载按钮 第69行 修改为<a href="苹果下载地址" class="ios"><div class="code_bg"><img src="你的app二维码下载地址"></div></a>

再把css文件夹 main.css 文件 第617行 改成这样
background: url(../images/ios_a.png) no-repeat;

就可以了




补充内容 (2018-7-25 16:08):
刚发现个问题修改 /wap/js/man.js 文件 第43行 和第49行地址 为下载地址 否则手机端将无法更改

xiaodegege1 发表于 2019-12-7 10:29:26

感谢分享

544574079 发表于 2019-12-6 20:22:10

阿斯顿撒多阿萨德

zhangsheng 发表于 2019-10-29 21:21:57

谢谢分享谢谢分享谢谢分享

zihao08 发表于 2019-5-5 00:39:25

感谢分享!!!!感谢分享!!!!

白硕 发表于 2018-8-16 10:47:23

感谢分享!!!!感谢分享!!!!

alxstar 发表于 2018-8-13 19:30:52

谢谢分享谢谢分享谢谢分享

q8571608 发表于 2018-7-24 22:31:43

很好看!不错下载来看看

wsdet 发表于 2018-7-24 03:09:41

分享一个好看的H5移动页面自适应影视app下载页 [修改
页: [1]
查看完整版本: 分享一个好看的H5移动页面自适应影视app下载页