You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
5.6 KiB
HTML
175 lines
5.6 KiB
HTML
5 years ago
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||
|
|
<meta name="viewport"
|
||
|
|
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||
|
|
<title>订单详情</title>
|
||
|
|
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
|
||
|
|
<script src="/Public/Mobile/js/ssg/flexible.min.js" type="text/javascript"></script>
|
||
|
|
<style>
|
||
|
|
.title{
|
||
|
|
display: flex;
|
||
|
|
height: .9rem;
|
||
|
|
width: 100%;
|
||
|
|
justify-content: space-between;
|
||
|
|
align-items: center;
|
||
|
|
background-color: #21B1EB;
|
||
|
|
}
|
||
|
|
.title img,
|
||
|
|
.titleright {
|
||
|
|
width: .3rem;
|
||
|
|
height: .3rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-info .game-icon img{
|
||
|
|
width: 1.1rem;
|
||
|
|
height: 1.1rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-info .game-title{
|
||
|
|
top: 1.8rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-info .game-rule{
|
||
|
|
top: 2.24rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-info .download-button{
|
||
|
|
bottom:.5rem
|
||
|
|
}
|
||
|
|
.vip-download .game-info .download-button a{
|
||
|
|
margin: 0 auto;
|
||
|
|
display: block;
|
||
|
|
width: 2.4rem;
|
||
|
|
height: 0.6rem;
|
||
|
|
text-align: center;
|
||
|
|
line-height: 0.6rem;
|
||
|
|
background-color: #f7ca02;
|
||
|
|
border-radius: 0.3rem;
|
||
|
|
font-size: 0.28rem;
|
||
|
|
}
|
||
|
|
.shaddowbox {
|
||
|
|
background-color: #fff;
|
||
|
|
border-radius: .16rem;
|
||
|
|
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
|
||
|
|
}
|
||
|
|
.vip-download .game-gift{
|
||
|
|
padding: 0 .3rem;
|
||
|
|
}
|
||
|
|
.title-3{
|
||
|
|
height: 0.89rem;
|
||
|
|
line-height: 0.89rem;
|
||
|
|
border-bottom-color: #f0f0f0;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid;
|
||
|
|
}
|
||
|
|
.title-3 h2{
|
||
|
|
font-size: .28rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li{
|
||
|
|
padding-bottom: 0.3rem;
|
||
|
|
/* border-bottom-color: #f0f0f0;
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
border-bottom-style: solid; */
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li .gift-title{
|
||
|
|
height: .84rem;
|
||
|
|
line-height:.84rem;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li .gift-title h2{
|
||
|
|
padding-left: 0.36rem;
|
||
|
|
background-size: 0.25rem 0.25rem;
|
||
|
|
font-size: 0.28rem;
|
||
|
|
}
|
||
|
|
p,input{
|
||
|
|
font-size: .24rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li .gift-code{
|
||
|
|
margin: 0.16rem 0.1rem 0;
|
||
|
|
padding-left: 1.3rem;
|
||
|
|
padding-right: 1rem;
|
||
|
|
height: 0.6rem;
|
||
|
|
line-height: 0.6rem;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
border-radius: 0.30rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li .gift-code a{
|
||
|
|
width: 1.78rem;
|
||
|
|
height: 0.6rem;
|
||
|
|
line-height: 0.6rem;
|
||
|
|
text-align: center;
|
||
|
|
background-color: #21B1EB;
|
||
|
|
border-radius: 0.3rem;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.gift-info{
|
||
|
|
font-size: .20rem;
|
||
|
|
}
|
||
|
|
.vip-download .game-gift .gift-list li .gift-code label{
|
||
|
|
left: .28rem;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="title" >
|
||
|
|
<img class="gologin" src="__IMG__/ssg/alipay/back.png" style="margin-left:.24rem;" onclick="javascript:history.go(-1)">
|
||
|
|
<div style="font-size: .32rem;color: #fff;">{$game['game_name']}</div>
|
||
|
|
<div class="titleright" style="margin-right:.24rem;"></div>
|
||
|
|
</div>
|
||
|
|
<div class="page-container ">
|
||
|
|
<div class="vip-download">
|
||
|
|
<div class="game-info" style="padding: .3rem;width: 6.9rem;height: 3.4rem;font-size: .28rem;margin: auto;">
|
||
|
|
<img src="__IMG__/ssg/detail/download-bg.png">
|
||
|
|
<div class="game-icon" style="top:.5rem;"><img src="{$game['icon']|get_cover='path'}"></div>
|
||
|
|
<div class="game-title">{$game['game_name']}-超级签</div>
|
||
|
|
<div class="game-rule">不同设备需要分别付费安装哦，请使用常用设备下载</div>
|
||
|
|
<div class="download-button"><a href="{$url}">下载安装</a></div>
|
||
|
|
</div>
|
||
|
|
<if condition="$giftbag">
|
||
|
|
|
||
|
|
<div style="padding:0 .3rem;">
|
||
|
|
<div class="game-gift shaddowbox">
|
||
|
|
<div class="title-3">
|
||
|
|
<h2>特权礼包</h2>
|
||
|
|
</div>
|
||
|
|
<div class="gift-list">
|
||
|
|
<ul>
|
||
|
|
<li >
|
||
|
|
<div class="gift-title">
|
||
|
|
<h2>{$giftbag['gift_name']}</h2>
|
||
|
|
</div>
|
||
|
|
<p class="gift-info">{$giftbag['desribe']}</p>
|
||
|
|
<p class="gift-code">
|
||
|
|
<label for="giftCode">兑换码：</label>
|
||
|
|
<input id="giftCode1455" type="text" value="{$giftbag['novice']}" readonly="">
|
||
|
|
<a href="javascript:;" class="code-btn1455" data-clipboard-target="#giftCode1455">复制兑换码</a>
|
||
|
|
</p>
|
||
|
|
</li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</if>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
|
||
|
|
<!-- <script src="__JS__/ssg/common.js" type="text/javascript"></script> -->
|
||
|
|
<script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
|
||
|
|
</body>
|
||
|
|
<script>
|
||
|
|
|
||
|
|
var clipboard = new ClipboardJS(".code-btn1455");
|
||
|
|
clipboard.on('success', function (e) {
|
||
|
|
alert("复制成功");
|
||
|
|
});
|
||
|
|
clipboard.on('error', function (e) {
|
||
|
|
var ua = navigator.userAgent;
|
||
|
|
var isIOS = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
|
||
|
|
if (isIOS && ua.match(/os\s+(\d+)/i)[1] - 0 < 10) {
|
||
|
|
alert("您的系统版本过低，请手动复制下方地址");
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</html>
|