|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<html lang="en" style="background-color: #0a0a0a !important;">
|
|
|
|
|
<head>
|
|
|
|
|
<meta itemprop="name" content="{$game['relation_game_name']}"/>
|
|
|
|
|
<meta itemprop="image" content="{$game['icon']}"/>
|
|
|
|
|
@ -9,6 +9,7 @@
|
|
|
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
|
|
|
|
|
<script type="text/javascript" src="__JS__/jquery-1.11.1.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
|
|
|
|
|
<script type="text/javascript" src="__JS__/getRem.js"></script>
|
|
|
|
|
<link href="{:get_cover(C('CH_SET_ICO'),'path')}" type="image/x-icon" rel="shortcut icon">
|
|
|
|
|
<title>{$game['relation_game_name']}</title>
|
|
|
|
|
<link rel="stylesheet" href="__CSS__/20180207/promition.css">
|
|
|
|
|
@ -18,13 +19,14 @@
|
|
|
|
|
<script src="__STATIC__/vide7.4.1/js/video.min.js"></script>
|
|
|
|
|
<link href="__STATIC__/vide7.4.1/css/video-js.min.css" rel="stylesheet">
|
|
|
|
|
<script src="__STATIC__/bg4_4.js"></script>
|
|
|
|
|
<script type="text/javascript" src="__JS__/ladingpage.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body class="main_bg" style="background-color: #0a0a0a;height: auto;">
|
|
|
|
|
<body class="main_bg" style="height: auto;max-width: 580px;margin: auto;background-color: #0a0a0a;">
|
|
|
|
|
<style>
|
|
|
|
|
.home-video {
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
top: 23.28%;
|
|
|
|
|
top:2rem;
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.home-video .video-js {
|
|
|
|
|
@ -37,6 +39,41 @@
|
|
|
|
|
max-width:580px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
#img2{
|
|
|
|
|
position: relative;
|
|
|
|
|
}
|
|
|
|
|
.act img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
transform-origin: center;
|
|
|
|
|
-webkit-transform-origin: center;
|
|
|
|
|
-webkit-animation-name: shack;
|
|
|
|
|
-webkit-animation-duration: 1000ms;
|
|
|
|
|
-webkit-animation-iteration-count: infinite;
|
|
|
|
|
/*无限循环*/
|
|
|
|
|
-webkit-animation-timing-function: linear;
|
|
|
|
|
}
|
|
|
|
|
@-webkit-keyframes shack {
|
|
|
|
|
0% {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
-webkit-transform: rotate(0deg)
|
|
|
|
|
}
|
|
|
|
|
25% {
|
|
|
|
|
transform: rotate(20deg);
|
|
|
|
|
-webkit-transform: rotate(20deg)
|
|
|
|
|
}
|
|
|
|
|
50% {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
-webkit-transform: rotate(0deg)
|
|
|
|
|
}
|
|
|
|
|
75% {
|
|
|
|
|
transform: rotate(-20deg);
|
|
|
|
|
-webkit-transform: rotate(-20deg)
|
|
|
|
|
}
|
|
|
|
|
100% {
|
|
|
|
|
transform: rotate(0deg);
|
|
|
|
|
-webkit-transform: rotate(0deg)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<input type="hidden" name="title" value="{$game['relation_game_name']}">
|
|
|
|
|
<input type="hidden" name="icon" value="{$game['icon']}">
|
|
|
|
|
@ -54,32 +91,79 @@
|
|
|
|
|
|
|
|
|
|
<div class="h_wrap">
|
|
|
|
|
<div id="data-2" style="position: relative;">
|
|
|
|
|
<?php if (!empty($game['flooring_page_video'])):?>
|
|
|
|
|
<div class="home-video">
|
|
|
|
|
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" width="640" height="264" poster="{$game['flooring_page_video_cover']}" data-setup='{}'>
|
|
|
|
|
<source src="{$game['flooring_page_video']}" type='video/mp4' />
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif;?>
|
|
|
|
|
<volist name="game['flooring_page_imgs']" id="item" key="k">
|
|
|
|
|
<div>
|
|
|
|
|
<?php if ($downloadUrl == 'https://'.$_SERVER['HTTP_HOST']) :?>
|
|
|
|
|
<a href="#" class="no-package"><img src="{$item}" style="width: 100%;"/></a>
|
|
|
|
|
<?php else :?>
|
|
|
|
|
<a href="javascript:;" class="down-link" down-link="{$downloadUrl}"><img src="{$item}" style="width: 100%;"/></a>
|
|
|
|
|
<?php endif ;?>
|
|
|
|
|
<?php if ($downloadUrl == 'https://'.$_SERVER['HTTP_HOST']) :?>
|
|
|
|
|
<div class="no-package" id="img{$k}">
|
|
|
|
|
<?php else :?>
|
|
|
|
|
<div class="down-link" id="img{$k}">
|
|
|
|
|
<?php endif ;?>
|
|
|
|
|
<img src="{$item}" style="width: 100%;"/>
|
|
|
|
|
|
|
|
|
|
<if condition="($k eq 2 ) AND (!empty($game['flooring_page_video']))">
|
|
|
|
|
<div class="home-video">
|
|
|
|
|
<video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="none" poster="{$game['flooring_page_video_cover']}" data-setup='{}'>
|
|
|
|
|
<source src="{$game['flooring_page_video']}" type='video/mp4' />
|
|
|
|
|
</video>
|
|
|
|
|
</div>
|
|
|
|
|
</if>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</volist>
|
|
|
|
|
|
|
|
|
|
<a href="#img2" class="act" style="position: absolute;right: .2rem;top:9rem;width: 2rem;">
|
|
|
|
|
<img src="__IMG__/ladingpage/jump.png" alt="" style="width: 100%;">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footBox down-link" style="height: 1.4rem;background: rgba(0,0,0,.7);position: fixed;bottom: 0;z-index: 99;display: flex;padding:.14rem 0;width: 100%;align-items: center;max-width: 580px;">
|
|
|
|
|
<div style="height: 1.2rem;width: 1.2rem;margin-left: .23rem;">
|
|
|
|
|
<img src="{$game['icon']}" alt="" style="width: 100%;">
|
|
|
|
|
</div>
|
|
|
|
|
<div style="color:#fff;margin:0 .17rem;flex-grow: 1;">
|
|
|
|
|
<div style="font-size: .32rem;font-weight: 600;line-height: 2;margin-top: -.16rem;">{$game['relation_game_name']}</div>
|
|
|
|
|
<div style="font-size: .26rem;line-height: 1;width: 3.3rem;white-space: nowrap;;overflow: hidden;text-overflow:ellipsis;">{$game['features']}</div>
|
|
|
|
|
<div style="font-size: .18rem;">已有315935次下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="height: 0.88rem;width: 2.16rem;margin-right: .23rem;border-radius: .24rem;background-color: #E2C065;background: linear-gradient(184deg, #FDF1C7,#E2C065);text-align: center;line-height: 0.88rem;font-size: .4rem;font-weight: 500;">
|
|
|
|
|
立即下载
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="downTips" down-link="{$downloadUrl}" style="height: 4.8rem;background: #fff;position: fixed;bottom: 0;z-index: 10009;max-width: 580px;border-radius: 0.24rem 0.24rem 0px 0px;width: 100%;display: none;">
|
|
|
|
|
<div style="padding: .48rem;">
|
|
|
|
|
<div style="font-size: .4rem;font-weight: 600;line-height: 2;">
|
|
|
|
|
安装指引
|
|
|
|
|
</div>
|
|
|
|
|
<div style="font-size: .32rem;line-height:1.8;margin-top: .25rem;">
|
|
|
|
|
亲爱的用户，在安装游戏时，请选择 <br/>
|
|
|
|
|
<span style="color: red;font-weight: 600;">“继续安装”</span>即可
|
|
|
|
|
</div>
|
|
|
|
|
<div style="width: 100%;background-color: #4DEEAB;border-radius:.48rem;height: 1rem;margin-top: .56rem;font-size: .4rem;text-align: center;line-height: 1rem;color: #fff;font-weight: 400;">
|
|
|
|
|
我知道了
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="__STATIC__/layer/layer.js"></script>
|
|
|
|
|
<script src="__STATIC__/ios9/js/layer/layer.js?VerNo=20190923" type="text/javascript"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(function(){
|
|
|
|
|
LADING.init({qq:'{$serviceQQ}'})
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
var videoWidth = $('.video-js').width();
|
|
|
|
|
$('.video-js').height(videoWidth * 0.562295082);
|
|
|
|
|
|
|
|
|
|
$('.down-link').on('click', function () {
|
|
|
|
|
$('#downTips').show();
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
$('#downTips').on('click', function () {
|
|
|
|
|
|
|
|
|
|
var dow_status = parseInt($('#dow_status').val());
|
|
|
|
|
if (dow_status == 0) {
|
|
|
|
|
layer.msg('该游戏已关闭下载');
|
|
|
|
|
@ -103,6 +187,7 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
var downLink = $(this).attr('down-link')
|
|
|
|
|
$(this).hide();
|
|
|
|
|
location.href = downLink
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
chenzhi
3 years ago
