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.

130 lines
4.3 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">
5 years ago
<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: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
.vip-download .game-gift{
padding: 0 .3rem;
}
.title-3{
height: 0.7rem;
line-height: 0.7rem;
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: .64rem;
line-height:.64rem;
}
.vip-download .game-gift .gift-list li .gift-title h2{
padding-left: 0.36rem;
background-size: 0.25rem 0.25rem;
font-size: 0.28rem;
}
</style>
5 years ago
</head>
<body>
5 years ago
<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>
5 years ago
</div>
5 years ago
<div class="page-container ">
5 years ago
<div class="vip-download">
5 years ago
<div class="game-info" style="padding: .3rem;width: 6.9rem;height: 3.4rem;font-size: .28rem;">
5 years ago
<img src="__IMG__/ssg/detail/download-bg.png">
5 years ago
<div class="game-icon" style="top:.5rem;"><img src="{$game['icon']|get_cover='path'}"></div>
5 years ago
<div class="game-title">{$game['game_name']}-超级签</div>
<div class="game-rule">不同设备需要分别付费安装哦,请使用常用设备下载</div>
<div class="download-button"><a href="{$url}">下载安装</a></div>
</div>
5 years ago
<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>《天宫计》至尊礼包</h2>
</div>
<p class="gift-info">[ 高级宝图*2、财神银匙*1 ]</p>
<p class="gift-code">
<label for="giftCode">兑换码:</label>
<input id="giftCode1455" type="text" value="GNM6BWJS" readonly="">
<a href="javascript:;" class="code-btn1455" data-clipboard-target="#giftCode1455">复制</a>
</p>
</li>
5 years ago
5 years ago
</ul>
</div>
5 years ago
</div>
5 years ago
</div>
5 years ago
</div>
</div>
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
5 years ago
<!-- <script src="__JS__/ssg/common.js" type="text/javascript"></script> -->
5 years ago
<script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
</body>
</html>