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.
174 lines
5.7 KiB
HTML
174 lines
5.7 KiB
HTML
<!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="__JS__/ssg/flexible.min.js" type="text/javascript"></script>
|
|
<style>
|
|
body {
|
|
background-color: #F5F5F5;
|
|
}
|
|
.flexitem {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
}
|
|
|
|
.borderitem::after {
|
|
/* margin-left: .24rem; */
|
|
height: 1px;
|
|
position: absolute;
|
|
z-index: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
content: "";
|
|
width: 100%;
|
|
background-image: -webkit-linear-gradient(bottom, #ececec 50%, transparent 0);
|
|
background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
|
|
}
|
|
|
|
.shaddowbox {
|
|
background-color: #fff;
|
|
border-radius: .24rem;
|
|
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
|
|
margin-top: .3rem;
|
|
}
|
|
|
|
.title {
|
|
display: flex;
|
|
height: .9rem;
|
|
width: 100%;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
background-color: #21B1EB;
|
|
}
|
|
|
|
.title img,
|
|
.titleright {
|
|
width: .3rem;
|
|
height: .3rem;
|
|
}
|
|
|
|
.order-search li dl .order-status {
|
|
background-image: url("/Public/Mobile/images/ssg/order-status.png");
|
|
}
|
|
|
|
.order-search .no-order {
|
|
background-image: url("/Public/Mobile/images/ssg/no-order.png");
|
|
margin-top: 1.5rem;
|
|
padding-top: 2rem;
|
|
text-align: center;
|
|
/* background-image: url(/Content/images/no-order.png); */
|
|
background-repeat: no-repeat;
|
|
background-position: center top;
|
|
background-size: 1.6rem 1.6rem;
|
|
font-size: 0.28rem;
|
|
color: #666;
|
|
}
|
|
|
|
.box-title {
|
|
width: 6.9rem;
|
|
font-size: .28rem;
|
|
color: #292929;
|
|
position: relative;
|
|
}
|
|
|
|
.borderitem {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 0 .3rem;
|
|
line-height: .8rem;
|
|
}
|
|
|
|
.title-cont {
|
|
font-size: .24rem;
|
|
color: #A9A9A9;
|
|
}
|
|
|
|
.gamebox {
|
|
height: 1.8rem;
|
|
justify-content: center;
|
|
padding: .3rem;
|
|
}
|
|
|
|
.gamebox img {
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
}
|
|
|
|
.gameboxname {
|
|
margin-left: .3rem;
|
|
flex-grow: 1;
|
|
font-size: .28rem;
|
|
color: #292929;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="title">
|
|
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.24rem;" onclick="javascript:history.go(-1)">
|
|
<div style="font-size: .32rem;color: #fff;">订单查询</div>
|
|
<div class="titleright" style="margin-right:.24rem;"></div>
|
|
</div>
|
|
<if condition="$data_list">
|
|
<div style="padding:0 .3rem;">
|
|
<volist name="data_list" id="data">
|
|
<div class="shaddowbox">
|
|
<div class="box-title">
|
|
<div class="borderitem">
|
|
<div class="title-cont">订单编号：{$data.order_id}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flexitem gamebox">
|
|
<img src="{$data['icon']|get_cover='path'}">
|
|
<div class="gameboxname">{$data['game_name']}-超级签</div>
|
|
<if condition="$data['pay_status'] eq '1'">
|
|
<a href="/sdk.php/Ipa365/install_show.html?order_id={$data.order_id}&game_id={$data['game_id']}">
|
|
<div style="font-size: .24rem;color: #21B1EB;">交易成功</div>
|
|
</a>
|
|
<else />
|
|
<if condition="$data['pay_status'] eq '2'">
|
|
<div style="font-size: .24rem;color: #FF0000;">交易失败</div>
|
|
<else />
|
|
<if condition="$data['pay_status'] eq '0' and $data['invalid'] eq 0">
|
|
<a href="/sdk.php/Ipa365/pay/game_id/{$data['game_id']}">
|
|
<div style="font-size: .24rem;">立即支付</div>
|
|
</a>
|
|
<else />
|
|
<div style="font-size: .24rem;color:#A9A9A9;">已失效</div>
|
|
</if>
|
|
</if>
|
|
</if>
|
|
</div>
|
|
</div>
|
|
</volist>
|
|
</div>
|
|
<else />
|
|
<div class="page-container" style="background-color: rgba(0,0,0,0);">
|
|
<div class="order-search">
|
|
<div class="no-order">
|
|
您还没有订单哟~快去下单吧~
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</if>
|
|
|
|
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
|
|
<script>
|
|
function handleOrderDetail(orderID, state, game_id, user_id) {
|
|
if (state == 1) {
|
|
//前往详情
|
|
window.location.href = "/sdk.php/Ipa365/install_show/order_id/" + orderID + "/game_id/" + game_id + "/user_id/" + user_id;
|
|
}
|
|
}
|
|
</script>
|
|
</body>
|
|
|
|
</html> |