<!DOCTYPE html>
<html style="font-size: 50px;"><head design-width="750"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title></title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="swiper.min.css">
<script src="auto-size.js"></script><style>@media screen and (min-width:750px){.center{width:750px;margin-left:-375px;left:50%;}}</style>
<style>
.wechat-ios, .wechat-android{
background-color: rgb(25 24 24 / 80%);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
display: none;
overflow: hidden;
}
.wechat-ios img, .wechat-android img{
width: 100%;
height: 100%;
}
.wechat-mask .mask-bg {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .2);
}
.wechat-mask .mask-pop {
position: fixed;
top: 50%;
left: 50%;
width: 80%;
max-width: 300px;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 20px;
overflow: hidden;
}
.wechat-mask .copy-url-img {
display: block;
width: 100%;
}
.wechat-mask .copy-url {
position: relative;
margin: 20px 30px;
height: 36px;
line-height: 36px;
background: #F1F6F9;
border-radius: 18px;
overflow: hidden;
}
.wechat-mask .copy-url input {
padding-left: 20px;
color: #9A9A99;
}
.wechat-mask .copy-url button {
position: absolute;
right: 0;
top: 0;
padding: 0 15px;
height: 36px;
line-height: 36px;
background: linear-gradient(90deg, rgba(34, 125, 249, 1), rgba(0, 203, 250, 1));
color: #fff;
border-radius: 0 18px 18px 0;
}
.wechat-mask {
z-index: 2;
position: relative;
display: block;
}
</style></head>
<body ontouchstart="" onmouseover="" style="cursor: pointer;" class="mui-ios mui-ios-13 mui-ios-13-2 mui-ios-13-2-3">
<div class="mobile-wrap center">
<main>
<div class="appItem">
<div class="left"><img src="logo.png" alt=""></div>
<div class="right">
<strong>达人直播<span>3+</span></strong>
<div class="installBox">
<a class="down" >免费安装</a>
<a class="doubt" href="javascript:;">?</a>
</div>
</div>
<div class="appTip">
<div class="score">
<div class="star">4.9 ★★★★★<var<var></var></div>
<p>29k 个评分</p>
</div>
<div class="centerBox"><i>#</i>3</div>
<div class="age">
<b>18+</b>
<p>年龄</p>
</div>
</div>
</div>
<div class="comment">
<strong class="publicTitle">评分及评论</strong>
<div class="left">
<b>4.9</b>
<p>满分 5 分</p>
</div>
<div class="right">
<div class="star_row">
<span class="s1"><i></i></span>
<div class="lineBox"><var class="v1"></var></div>
</div>
<div class="star_row">
<span class="s2"><i></i></span>
<div class="lineBox"><var class="v2"></var></div>
</div>
<div class="star_row">
<span class="s3"><i></i></span>
<div class="lineBox"><var class="v3"></var></div>
</div>
<div class="star_row">
<span class="s4"><i></i></span>
<div class="lineBox"><var class="v4"></var></div>
</div>
<div class="star_row">
<span class="s5"><i></i></span>
<div class="lineBox"><var class="v5"></var></div>
</div>
<p>29k 个评分</p>
</div>
</div>
<div class="newFunction">
<strong class="publicTitle">简介</strong>
<p>整体设计风格为蓝色仿苹果商城下载页面，这里的简介可以根据自身的app要求在文件内进行编辑修改。</p>
</div>
<div class="appInfo">
<strong class="publicTitle">信息</strong>
<div class="box">
<ul>
<li>
<span>大小</span>
<p>4.5 MB</p>
</li>
<li>
<span>兼容性</span>
<p>华为系统、Android系统 或 iOS 8.0 或更高版本。与 iPhone、iPad 和 iPod touch 兼容。</p>
</li>
<li>
<span>语言</span>
<p>英语,简体中文</p>
</li>
<li>
<span>年龄分级</span>
<p>限18岁以上</p>
</li>
<li>
<span>Copyright</span>
<p>© 2022 MobiFun Games Inc</p>
</li>
<li>
<span>价格</span>
<p>免费</p>
</li>
<li>
<span>隐私政策</span>
<p>✋</p>
</li>
</ul>
</div>
</div>
</main>
<div class="footer">
<p>免责声明：</p>
<p class="p2">程序仅供娱乐交流测试，请勿用于非法用途，这里的简介可以根据自身的app要求在文件内进行编辑修改。</p>
</div>
<div class="pup" style="display: none;">
<div class="guide">
<i class="colse"></i>
<div class="pics">
<div class="swiper-container swiper-container-horizontal swiper-container-ios">
<div class="swiper-wrapper" style="transition-duration: 2000ms; transform: translate3d(-1500px, 0px, 0px);"><div class="swiper-slide swiper-slide-duplicate swiper-slide-next swiper-slide-duplicate-prev" data-swiper-slide-index="3" style="width: 300px;">
<div class="pic"><img src="fdf7349936007706.jpg" alt=""></div>
<div class="text">安装引导<br>第四步 点击下方安装按钮 </div>
</div>
<div class="swiper-slide swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 300px;">
<div class="pic"><img src="9350473b35e00a9f.jpg" alt=""></div>
<div class="text">安装引导<br>第一步 允许打开配置描述文件</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="1" style="width: 300px;">
<div class="pic"><img src="12fc914f442895ee.jpg" alt=""></div>
<div class="text">安装引导<br>第二步 点击右上角安装按钮</div>
</div>
<div class="swiper-slide" data-swiper-slide-index="2" style="width: 300px;">
<div class="pic"><img src="8df797656b6af7b8.jpg" alt=""></div>
<div class="text">安装引导<br>第三步 输入开机解锁密码 </div>
</div>
<div class="swiper-slide swiper-slide-prev swiper-slide-duplicate-next" data-swiper-slide-index="3" style="width: 300px;">
<div class="pic"><img src="fdf7349936007706.jpg" alt=""></div>
<div class="text">安装引导<br>第四步 点击下方安装按钮 </div>
</div>
<div class="swiper-slide swiper-slide-duplicate swiper-slide-active" data-swiper-slide-index="0" style="width: 300px;">
<div class="pic"><img src="9350473b35e00a9f.jpg" alt=""></div>
<div class="text">安装引导<br>第一步 允许打开配置描述文件</div>
</div></div>
<div class="swiper-pagination swiper-pagination-bullets"><span class="swiper-pagination-bullet sw
清爽干净的下载单页源码
需积分: 50 188 浏览量
2022-04-15
15:37:26
上传
评论 1
收藏 571KB ZIP 举报
down.zip （18个子文件） 
down 
jquery-2.2.4.min.js 84KB swiper.min.js 117KB mui.js 257KB
9350473b35e00a9f.jpg 50KB
d5db142ea9fd49bb.png 123KB 680538d6aee720ae.png 33KB
index.html 13KB 12fc914f442895ee.jpg 43KB reset.css 2KB swiper.min.css 19KB fdf7349936007706.jpg 50KB 771e48e65340b694.png 148KB auto-size.js 755B logo.png 14KB 8df797656b6af7b8.jpg 33KB style.css 10KB clipboard.min.js 10KB colse.png 525B
评论0