Skip to content

libai / footseen-large-website

Go to a project
Commit a170c585 by libai
Options

测试

parent 48d1c93d
Inline Side-by-side
Showing with 131 additions and 3 deletions
download/css/index.css
......@@ -48,3 +48,45 @@
margin-left: -5rem;
z-index: 500;
}
.new-bg {
width: 10rem;
height: 17.2rem;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
background-position-y: -0.7rem;
margin: 0 auto;
position: relative;
}
.down-btn2 {
width: 6.34rem;
height: 1.62rem;
background: url(../images/downBtn2.png) no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: 0.2rem;
z-index: 5;
left: 1.83rem;
}
.video-bg {
width: 9.76rem;
height: 15.13rem;
position: absolute;
bottom: 0;
left: 0.12rem;
z-index: 5;
}
.down-webp-box {
width: 7.8rem;
background: yellow;
height: 13.1rem;
position: absolute;
bottom: 1rem;
left: 1.08rem;
border-radius: 0.5rem;
overflow: hidden;
text-align: center;
}
.down-webp-box > img {
width: 7.7rem;
margin-top: -0.35rem;
}
download/css/index.less
......@@ -47,5 +47,47 @@
left: 50%;
margin-left: -5rem;
z-index: 500;
}
.new-bg{
width: 10rem;
height: 17.2rem;
background: url(../images/bg.png)no-repeat;
background-size: 100% 100%;
background-position-y: -0.7rem;
margin: 0 auto;
position: relative;
}
\ No newline at end of file
}
.down-btn2{
width: 6.34rem;
height: 1.62rem;
background: url(../images/downBtn2.png)no-repeat;
background-size: 100% 100%;
position: absolute;
bottom: 0.2rem;
z-index: 5;
left: 1.83rem;
}
.video-bg{
width: 9.76rem;
height: 15.13rem;
position: absolute;
bottom: 0;
left: 0.12rem;
z-index: 5;
}
.down-webp-box{
width: 7.8rem;
background: yellow;
height: 13.1rem;
position: absolute;
bottom: 1rem;
left: 1.08rem;
border-radius: 0.5rem;
overflow: hidden;
text-align: center;
>img{
width: 7.7rem;
margin-top: -0.35rem;
}
}
download/download.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta 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-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title></title>
<script src="../lib/fsize.js"></script>
<link rel="stylesheet" href="../css/base.css">
<link rel="stylesheet" href="../css/layer.css">
<link rel="stylesheet" href="css/index.css">
<style>
</style>
</head>
<body style="background: #FBEFF7">
<div class="new-bg">
<img class="video-bg" src="images/video-bg.png" alt="">
<div class="down-webp-box"><img class="down-webp" src="images/down.webp" alt=""></div>
<!-- -->
</div>
<div class="down-btn2"></div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script>
$(function(){
$(".down-btn2").on("click",function(){
var ua = window.navigator.userAgent.toLowerCase();
if (/iphone|ipad|ipod/.test(ua)) {
layer.msg("ios開發中，請使用安卓手機下載")
} else if (/android/.test(ua)) {
window.location.href="ftsBH5SY.apk"
}
})
})
</script>
</html>
\ No newline at end of file
index.html
......@@ -210,7 +210,7 @@ $(function(){
})
$(".bottom-nav-btn").on("click",function(){
var downNum=Math.ceil(Math.random()*3)
window.location.href='download/down'+downNum+'.html?qd=ftsBH5SY'
window.location.href='download/download.html?qd=ftsBH5SY'
})
$(".bottom-close-btn").on("click",function(){
$(".bottom-nav").fadeOut(350)
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment