Merge branch 'dev-cz' of 47.111.118.107:/srv/git/platform into dev-cz

master
zyx 5 years ago
commit db34f256fd

@ -8,25 +8,57 @@
<title>充值帮助</title>
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
<style>
body{
font-size: .16rem;
color: #292929;
background-color: #fff;
min-height: 100vh;
}
.title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.title img,
.titleright {
width: .15rem;
height: .15rem;
}
.recharge-help ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.recharge-help ul li {
padding: 0.1rem 0;
}
</style>
</head>
<body>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>充值帮助
</div>
<div class="title">
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
<div style="font-size: .16rem;color: #fff;">充值帮助</div>
<div class="titleright" style="margin-right:.12rem;"></div>
</div>
<div class="recharge-help">
<ul>
<li>
<p class="question"><i></i>1.充值未到账怎么办?</p>
<p class="answer"><i></i>充值可能会有延迟,如果长时间未到可以进行下面几个操作:准备好扣款凭证截图,和自己的账号,反馈给客服</p>
<p class="question">1.充值未到账怎么办?</p>
<p class="answer">充值可能会有延迟,如果长时间未到可以进行下面几个操作:准备好扣款凭证截图,和自己的账号,反馈给客服</p>
</li>
<li>
<p class="question"><i></i>2.联系不到客服怎么办?</p>
<p class="answer"><i></i>由于充值人数过多,还请大家耐心等待。大家可以错开每日高峰期再联系客服!感谢您对我们的支持,您的每一份支持,都将化为我们前进的动力,感谢!</p>
<p class="question">2.联系不到客服怎么办?</p>
<p class="answer">由于充值人数过多,还请大家耐心等待。大家可以错开每日高峰期再联系客服!感谢您对我们的支持,您的每一份支持,都将化为我们前进的动力,感谢!</p>
</li>
<li>
<p class="question"><i></i>3.是否有其他充值渠道?</p>
<p class="answer"><i></i>目前我们只开通了这一个充值渠道,官方不会有任何除此之外的任何交易行为!</p>
<p class="question">3.是否有其他充值渠道?</p>
<p class="answer">目前我们只开通了这一个充值渠道,官方不会有任何除此之外的任何交易行为!</p>
</li>
</ul>
</div>

@ -90,7 +90,7 @@
</div>
<div style="padding: .3rem;">
<div class="shaddowbox">
<div style="width: 6.9rem;font-size: .28rem;color:#292929;position: relative;">
<div style="font-size: .28rem;color:#292929;position: relative;">
<div class="borderitem"
style="display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;">
<div style="font-size: .32rem;">苹果超级签</div>
@ -105,7 +105,7 @@
</div>
</div>
<div class="shaddowbox" style="margin-top: .3rem;">
<div style="width: 6.9rem;font-size: .24rem;color:#292929;position: relative;">
<div style="font-size: .24rem;color:#292929;position: relative;">
<p style="padding: .3rem;">
1.选择游戏产品时,即选择购买超级签游戏下载链接和对应
的游戏礼包,无法退换哦~
@ -116,15 +116,15 @@
</div>
</div>
<div class="shaddowbox" style="margin-top: .3rem;">
<div style="width: 6.9rem;font-size: .28rem;color:#292929;position: relative;">
<div style="font-size: .28rem;color:#292929;position: relative;">
<div class="borderitem"
style="display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;">
<div style="font-size: .32rem;">选择产品</div>
<div class="flexitem"
style="color: #A9A9A9;width: 4.1rem;height: .6rem;background-color: #F5F5F5;border-radius: .3rem;">
style="color: #A9A9A9;width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);height: .6rem;background-color: #F5F5F5;border-radius: .3rem;">
<img src="__IMG__/ssg/index/select.png" style="width:.4rem;height: .4rem;margin-left: .17rem;">
<input id="selectVal" type="text" value=""
style="border: 0px;width: 3rem;height: .6rem;font-size: .24rem;margin-left: .2rem;">
style="border: 0px;height: .6rem;font-size: .24rem;margin-left: .2rem;width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem);width:-moz-calc(100% - 1rem);">
</div>
</div>
@ -136,7 +136,7 @@
</div>
<!---button--->
<div class="shaddowbox" style="margin-top: .3rem;">
<div style="width: 6.9rem;font-size: .28rem;color:#292929;position: relative;" onclick="window.location.href='{:U(\'help\')}'">
<div style="font-size: .28rem;color:#292929;position: relative;" onclick="window.location.href='{:U(\'help\')}'">
<div class="borderitem"
style="display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;">
<div style="font-size: .32rem;">支付未到账?</div>
@ -146,7 +146,7 @@
</div>
</div>
</div>
<div style="width: 6.9rem;font-size: .28rem;color:#292929;position: relative;" onclick="chatQQ()">
<div style="font-size: .28rem;color:#292929;position: relative;" onclick="chatQQ()">
<div style="display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;">
<div style="font-size: .32rem;">联系客服</div>
<div class="flexitem" style="color: #A9A9A9;">

@ -1,166 +0,0 @@
<!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>
</head>
<style>
.flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.title{
display: flex;
height:.9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
color: white;
font-size: .28rem;
}
.title img,
.titleright {
width: .3rem;
height: .3rem;
}
</style>
<body>
<div class="title" >
<div class="flexitem">
<img class="logout" src="__IMG__/ssg/index/logout.png" style="margin-left:.24rem;">
<div>
退出登入
</div>
</div>
<div style="font-size: .32rem;">至尊版购买</div>
<div class="titleright" style="margin-right:.24rem;"></div>
</div>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>至尊版购买<a href="{:U('order')}" class="link">订单查询</a>
</div>
<style>
.interval {
height: 10px;
background-color: #f9f9f9;
}
</style>
<div class="interval"></div>
<div class="vip-game">
<div class="title-2"><a href="javascript:;" class="f-fr">
<h2 class="f-fl">苹果超级签</h2><span class="f-fr"
onclick="window.location.href='{:U(\'rule\')}'">至尊版说明</span>
</a></div>
<div class="vip-banner">
<img src="__IMG__/ssg/game/vip-banner.png">
</div>
</div>
<div class="interval"></div>
<div class="vip-announcement">
<i></i>
1.选择游戏产品同时,即选择购买超级签游戏下载链接和对应游戏礼包,无法退换哦~<br>
2.不同手机设备需要分别付费安装哦
<br>
<span style="color: red;">3.如您已购买个人签,请到<a style="color:red;" href="{:U('order')}" class="link"><订单查询></a>重新下载安装,无需二次购买!</span>
</div>
<div class="interval"></div>
<div class="select-product">
<div class="title-2"><a href="javascript:;" class="f-fr">
<h2 class="f-fl">选择产品</h2><span class="f-fr" id="txtgamename">{$data_list[0]['game_name']}-超级签 </span>
</a></div>
<div class="product-list">
<ul>
<volist name="data_list" id="data">
<li onclick="handleGameID('{$data.game_id}','{$data.game_name}','{$data.pay_status}')">
<dl>
<dt><img src="{$data['icon']|get_cover='path'}"></dt>
<dd class="product-title">{$data.game_name}-超级签&nbsp;<i></i></dd>
<dd class="product-word">至尊特权礼包(限量)</dd>
<dd class="select-btn">
<a href="javascript:;" item-val="" class="<if condition="$i eq 1">current</if>"> </a>
</dd>
</dl>
</li>
</volist>
</ul>
<input type="hidden" id="hdGameID" value="{$data_list[0]['game_id']}">
<input type="hidden" id="orderStatus" value="{$data_list[0]['pay_status']}">
<script>
</script>
</div>
</div>
<div class="interval"></div>
<div class="not-arrived">
<div class="title-2">
<a href="{:U('help')}" class="f-fr">
<h2 class="f-fl">支付未到账?</h2><span class="f-fr">充值帮助</span>
</a>
</div>
</div>
<div class="interval"></div>
<div class="contact-customer">
<!--<div class="title-2">
<a href="javascript:;" onclick="handleSobot(5062225)" class="f-fr">
<h2 class="f-fl">联系客服</h2><span class="f-fr">&nbsp;</span>
</a>
</div>-->
</div>
<div class="pay-button">
<a href="javascript:;" onclick="handlePay()">确认支付 ¥10</a>
</div>
<script>
/*function handleSobot(userID) {
//联系客服
window.location.href = decodeURIComponent("https://www.sobot.com/chat/h5/index.html?sysNum=823d139047674564bfc040e60c4a1a18&color=fa8932&customerFields={'customField8':'" + userID + "'}");
}*/
function handleGameID(gameID, gameName,orderStatus) {
var hdGameID = $("#hdGameID").val();
$("#hdGameID").val(hdGameID == gameID ? 0 : gameID);
$("#orderStatus").val(orderStatus);
$("#txtgamename").text(gameName + "-超级签");
}
function handlePay() {
var hdGameID = $("#hdGameID").val();
var orderStatus = $("#orderStatus").val();
if (!hdGameID || hdGameID == 0) {
alert("请选择游戏");
} else if(orderStatus==1){
alert("亲~您已购买过了~请到【订单查询】查看订单信息哟~");
}else {
location.href = "/sdk.php/Ipa365/pay/game_id/"+hdGameID;
}
}
</script>
</div>
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
<!--<script type="text/javascript">
var READYTOPROCESS = false;
window.onbeforeunload = function closeWindow(e)
{
if (!READYTOPROCESS)
{
//message to be returned to the popup box.
var message = '你确定要关闭吗?',
e = e || window.event;
if (e)
e.returnValue = message; // IE
return message; // Safari
}
};
</script>-->
</body>
</html>

@ -131,7 +131,9 @@
<img src="{$data['icon']|get_cover='path'}">
<div class="gameboxname">{$data['game_name']}-超级签</div>
<if condition="$data['pay_status'] eq '1'">
<div style="font-size: .24rem;color: #21B1EB;">交易成功</div>
<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>

@ -1,79 +0,0 @@
<!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">
<style>
.order-search li dl .order-status{
background-image: url("__IMG__/ssg/order-status.png");
}
.order-search .no-order{
background-image: url("__IMG__/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.5rem 1.6rem;
font-size: 0.14rem;
color: #666;
}
</style>
</head>
<body>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>订单查询
</div>
<div class="order-search">
<if condition="$data_list">
<ul>
<volist name="data_list" id="data">
<li onclick="handleOrderDetail('{$data[\'order_id\']}','{$data[\'pay_status\']}','{$data[\'game_id\']}','{$data[\'user_id\']}')">
<p>订单编号:{$data.order_id}</p>
<dl>
<dt><img src="{$data['icon']|get_cover='path'}"></dt>
<dd class="order-title">{$data['game_name']}</dd>
<if condition="$data['pay_status'] eq '1'">
<dd class="order-status"></dd>
<else />
<if condition="$data['pay_status'] eq '0' and $data['invalid'] eq 0">
<a href="/sdk.php/Ipa365/pay/game_id/{$data['game_id']}"><dd class="order-pay">立即支付</dd></a>
<else />
<dd class="order-pay" style="color:gray">已失效</dd>
</if>
</if>
<!--
<dd class="order-pay" style="color:gray">已失效</dd>
-->
</dl>
</li>
</volist>
</ul>
<else />
<div class="no-order">
您还没有订单哟~快去下单吧~
</div>
</if>
</div>
<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>
</div>
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="__JS__/ssg/common.js" type="text/javascript"></script>
</body>
</html>

@ -5,42 +5,103 @@
<title>苹果超级签购买(在线支付)</title>
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
<script src="__JS__/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="__JS__/ssg/common.js" type="text/javascript"></script>
<style>
.pay-tutorial .pay-rule .title-1 { background-image: url("__IMG__/ssg/title-bg2.png"); }
.pay-tutorial .pay-rule .title-1 {
background-color: #21B1EB;
border-radius:.15rem;
color: #fff;
height: .3rem;
}
body{
font-size: .16rem;
color: #292929;
}
.title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.title img,
.titleright {
width: .15rem;
height: .15rem;
}
.pay-tutorial .tutorial-content .tutorial-word{
padding-left: 0;
padding-top: .15rem;
}
.pay-tutorial .tutorial-content .tutorial-pic img {
margin: 0 auto ;
display: block;
width: 3.45rem;
}
.pay-tutorial .pay-rule .rule-word .textdesc{
text-indent: 24px;
font-size: .12rem;
padding-bottom: .3rem;
}
.pay-tutorial .pay-rule .rule-word .nobottom{
text-indent: 24px;
padding-bottom: 0;
font-size: .12rem;
}
.pay-tutorial .pay-rule .title-1 h2{
color: #fff;
font-size: .14rem;
font-weight: normal;
line-height: 0.3rem;
}
</style>
</head>
<body>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>购买流程
<div class="title">
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
<div style="font-size: .16rem;color: #fff;">充值流程</div>
<div class="titleright" style="margin-right:.12rem;"></div>
</div>
<div class="pay-tutorial">
<div class="tutorial-content">
<p class="tutorial-word"><i>1</i>点击首页【立即购买】</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-1.jpg"></p>
<p class="tutorial-word"><i>2</i>进入【至尊版购买】页面选择游戏点击【确认支付10元】进入支付中心</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-2.jpg"></p>
<p class="tutorial-word"><i>3</i>选择支付方式进行支付</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-3.jpg"></p>
<p class="tutorial-word"><i>4</i>支付成功后将进入订单页面可进行游戏下载,您可使用你的常用设备进行下载(下载地址绑定首次下载设备,更换设备无效)</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-4.jpg"></p>
<p class="tutorial-word">1.点击首页【立即购买】</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-1.png"></p>
<p class="tutorial-word">2.进入【至尊版购买】页面选择游戏点击【确认支付10元】进入支付中心</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-2.png"></p>
<p class="tutorial-word">3.选择支付方式进行支付</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-3.png"></p>
<p class="tutorial-word">4.支付成功后将进入订单页面可进行游戏下载,您可使用你的常用设备进行下载(下载地址绑定首次下载设备,更换设备无效)</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/process/pay-4.png"></p>
</div>
<div class="pay-rule">
<div class="title-1"><h2>购买须知</h2></div>
<div class="title-1">
<h2>购买须知</h2>
</div>
<div class="rule-word">
<p>1. 苹果用户下载流程<br>购买成功后,请进入订单页面下载您的专属超级签游戏,不同设备需要分别付费安装哦,请使用常用设备下载。</p>
<p>2. 什么是至尊超级签?<br>至尊超级签是苹果公司针对企业高级用户定制的高端版本。它有以下特点:<br>a.高端定制,仅针对付费用户开放。<br>b.安装方便,只需安装一个描述文件即可,不需复杂的信任过程;<br>c.永不闪退,不丢游戏,不丢数据;<br>d.区服数据互通,至尊版、普通版和越狱版的游戏区服和数据是互通的,只是安装方式不同;</p>
<p>3. 充值未到账怎么办?<br>请提供订单编号、付款姓名、付款账号 以及上传转账到账成功截图联系我们官方客服我们将在24小时内为您解决。</p>
<p>1. 苹果用户下载流程</p>
<p class="textdesc">购买成功后,请进入订单页面下载您的专属超级签游戏,不同设备需要分别付费安装哦,请使用常用设备下载。</p>
<p>2. 什么是至尊超级签?</p>
<p class="nobottom">至尊超级签是苹果公司针对企业高级用户定制的高端版本。它有以下特点:</p>
<p class="nobottom">a.高端定制,仅针对付费用户开放。</p>
<p class="nobottom">b.安装方便,只需安装一个描述文件即可,不需复杂的信任过程;</p>
<p class="nobottom">c.永不闪退,不丢游戏,不丢数据;</p>
<p class="textdesc">d.区服数据互通,至尊版、普通版和越狱版的游戏区服和数据是互通的,只是安装方式不同;</p>
<p>3. 充值未到账怎么办?</p>
<p class="textdesc">请提供订单编号、付款姓名、付款账号 以及上传转账到账成功截图联系我们官方客服我们将在24小时内为您解决。</p>
</div>
</div>
</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/jquery.md5.js" type="text/javascript"></script>
<script src="__JS__/ssg/clipboard.min.js" type="text/javascript"></script>
</body>
</html>

@ -8,18 +8,47 @@
<title>至尊版说明</title>
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
</head>
<style>
body{
font-size: .16rem;
color: #292929;
}
.title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.title img,
.titleright {
width: .15rem;
height: .15rem;
}
.vip-rule ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.vip-rule ul li {
padding: 0.1rem 0;
}
</style>
<body>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>至尊版说明
<div class="title">
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
<div style="font-size: .16rem;color: #fff;">至尊版说明</div>
<div class="titleright" style="margin-right:.12rem;"></div>
</div>
<div class="vip-rule">
<ul>
<li>
<p class="question"><i></i>1.什么是至尊版?</p>
<p class="question">1.什么是至尊版?</p>
<p class="answer">
<i></i>至尊版是苹果公司针对企业高级用户定制的高端版本。它有以下特点:
至尊版是苹果公司针对企业高级用户定制的高端版本。它有以下特点:
a.高端定制,仅针对付费用户开放。
b.安装方便,只需安装一个描述文件即可,不需复杂的信任过程;
c.永不闪退,不丢游戏,不丢数据;
@ -27,17 +56,17 @@
</p>
</li>
<li>
<p class="question"><i></i>2.至尊版的优点是什么?</p>
<p class="answer"><i></i>目前市面上流行的需要手动信任的版本,只是苹果授权企业暂时分发软件用的,这种版本存在不稳定因素,有闪退可能。至尊版属于苹果正版,不会有闪退的问题。
<p class="question">2.至尊版的优点是什么?</p>
<p class="answer">目前市面上流行的需要手动信任的版本,只是苹果授权企业暂时分发软件用的,这种版本存在不稳定因素,有闪退可能。至尊版属于苹果正版,不会有闪退的问题。
</p>
</li>
<li>
<p class="question"><i></i>3.什么是描述文件?为什么要安装?</p>
<p class="answer"><i></i>描述文件是经过苹果公司认证的,用来记录用户设备,请放心使用。安装描述文件,是为了将您的设备注册到苹果用户库。是安装至尊版的必备条件。</p>
<p class="question">3.什么是描述文件?为什么要安装?</p>
<p class="answer">描述文件是经过苹果公司认证的,用来记录用户设备,请放心使用。安装描述文件,是为了将您的设备注册到苹果用户库。是安装至尊版的必备条件。</p>
</li>
<li>
<p class="question"><i></i>4.安装描述文件时为什么要输密码?输入什么密码?</p>
<p class="answer"><i></i>为了确认是设备主人在操作,安装描述文件时需输入【锁屏密码】。</p>
<p class="question">4.安装描述文件时为什么要输密码?输入什么密码?</p>
<p class="answer">为了确认是设备主人在操作,安装描述文件时需输入【锁屏密码】。</p>
</li>
</ul>
</div>

@ -7,21 +7,53 @@
<title>苹果超级签购买(在线支付)</title>
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
</head>
<style>
body{
font-size: .16rem;
color: #292929;
}
.page-container {
padding-bottom: .2rem;
background-color: white;
}
.title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.title img,
.titleright {
width: .15rem;
height: .15rem;
}
.install-tutorial .tutorial-content .tutorial-word{
padding-left: 0;
padding-top: .15rem;
}
</style>
<body>
<div class="title">
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
<div style="font-size: .16rem;color: #fff;">安装教程</div>
<div class="titleright" style="margin-right:.12rem;"></div>
</div>
<div class="page-container ">
<div class="top">
<a href="javascript:history.go(-1);"></a>安装教程
</div>
<div class="install-tutorial">
<div class="tutorial-content">
<p class="tutorial-word"><i>1</i>支付成功后将进入订单页面可进行游戏下载您可使用你的常用设备进行下载下载地址绑定首次下载设备更换设备无效使用safrai浏览器打开如果需要授权码请联系客服</p>
<p class="tutorial-word">1.支付成功后将进入订单页面可进行游戏下载您可使用你的常用设备进行下载下载地址绑定首次下载设备更换设备无效使用safrai浏览器打开如果需要授权码请联系客服</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-1.jpg"></p>
<p class="tutorial-word"><i>2</i>点击立即安装,安装描述文件设置-描述文件与设备管理-点击“安装”</p>
<p class="tutorial-word">2.点击立即安装,安装描述文件设置-描述文件与设备管理-点击“安装”</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-2.jpg"></p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-3.jpg"></p>
<p class="tutorial-word"><i>3</i>安装描述文件时需输入【锁屏密码】</p>
<p class="tutorial-word">3.安装描述文件时需输入【锁屏密码】</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-4.jpg"></p>
<p class="tutorial-word"><i>4</i>可至桌面查看安装进度</p>
<p class="tutorial-word">4.可至桌面查看安装进度</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-5.jpg"></p>
</div>
</div>

@ -49,15 +49,15 @@
}
.shaddowbox {
background-color: #fff;
border-radius: .24rem;
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.7rem;
line-height: 0.7rem;
height: 0.89rem;
line-height: 0.89rem;
border-bottom-color: #f0f0f0;
border-bottom-width: 1px;
border-bottom-style: solid;
@ -72,15 +72,42 @@
border-bottom-style: solid; */
}
.vip-download .game-gift .gift-list li .gift-title{
height: .64rem;
line-height:.64rem;
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>
@ -113,7 +140,7 @@
<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>
<a href="javascript:;" class="code-btn1455" data-clipboard-target="#giftCode1455">复制兑换码</a>
</p>
</li>
@ -127,4 +154,18 @@
<!-- <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>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 47 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 697 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 180 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 197 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 662 KiB

Loading…
Cancel
Save