elf
/
cf-platform
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'dev-cz' into dev

Browse Source
master
zhengchanglong 5 years ago
parent 9ac3bf3397 d24fa30651
commit 4367052f77
14 changed files with 629 additions and 529 deletions
Show Stats Download Patch File Download Diff File

3
Application/Mobile/Controller/SsgController.class.php
Unescape Escape View File

@ -77,6 +77,7 @@ class SsgController extends BaseController {
if (!$verify->check(I("VerifyCode"))) {
$this->ajaxReturn(array("ErrorCode" => -97, "ResultMsg" => "验证码错误"));
}
$userApi = new MemberApi();
$user_id = $userApi->login($account, $password,1);//调用登录
$res_code = 0;
@ -124,6 +125,8 @@ class SsgController extends BaseController {
'imageW' => 107, // 验证码图片宽度
'length' => 4, // 验证码位数
'fontttf' => '4.ttf', // 验证码字体，不设置随机获取
'useCurve' => false, // 是否画混淆曲线
'useNoise' => false, // 是否添加杂点
'useCurve' => false,
);

39
Application/Mobile/View/Ssg/help.html
Unescape Escape View File

@ -6,45 +6,14 @@
<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>
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="page-container help-box">
<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>
<img class="gologin" src="__IMG__/ssg/back.png" onclick="javascript:history.go(-1)">
<div class="content">充值帮助</div>
<div class="titleright"></div>
</div>
<div class="recharge-help">
<ul>

4
Application/Mobile/View/Ssg/home.html
Unescape Escape View File

@ -23,14 +23,14 @@
请在<text style="color:yellow">Safari</text>中打开
</div>
</div>
<div class="alert_copy">
<!-- <div class="alert_copy">
<div>
<input id="copyVal" type="text" readonly='' value="">
<a href="javascript:" id="copy" data-clipboard-target="#copyVal" style="background:url('__IMG__/ssg/home/copybt.png') no-repeat top center/cover;">
复制
</a>
</div>
</div>
</div> -->
</div>
</div>

149
Application/Mobile/View/Ssg/index.html
Unescape Escape View File

@ -12,100 +12,44 @@
<script src="__JS__/ssg/juicer.min.js" type="text/javascript"></script>
</head>
<style>
body {
background-color: #F5F5F5;
.index-box .gamenocheck{
background:url('__IMG__/ssg/index/nocheck.png') no-repeat top center/100% 100%;
}
.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 {
width: .3rem;
height: .3rem;
}
.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);
}
input {
background-color: #F5F5F5;
}
.pay-button div{
margin:auto;width:5.6rem;height:1.34rem;background:url('__IMG__/ssg/index/paybt.png') no-repeat top center/cover;color: #fff;text-align: center;line-height: 1.1rem;font-size: .32rem;
}
.gamechoose{
width: .3rem;height: .3rem;
}
.gamenocheck{
background:url('__IMG__/ssg/index/nocheck.png') no-repeat top center/cover;
}
.gamecheck{
background:url('__IMG__/ssg/index/check.png') no-repeat top center/cover;
.index-box .gamecheck{
background:url('__IMG__/ssg/index/check.png') no-repeat top center/100% 100%;
}
</style>
<body>
<body class="index-box">
<div class="title">
<div class="flexitem" id="logout">
<img class="logout" src="__IMG__/ssg/index/logout.png" style="margin-left:.29rem;">
<div style="margin-left: 5px;">退出登入</div>
<div class="flexitem back" id="logout">
<img class="logout" src="__IMG__/ssg/index/logout.png">
<div>退出登入</div>
</div>
<div style="font-size: .32rem;font-weight: 600;">至尊版购买</div>
<div class="flexitem" style="margin-right:.29rem;" onclick="window.location.href='{:U(\'order\')}'">
<div class="content">至尊版购买</div>
<div class="flexitem orderbox" onclick="window.location.href='{:U(\'order\')}'">
<img class="order" src="__IMG__/ssg/index/order.png">
<div style="margin-left: 5px;">订单查询</div>
<div>订单查询</div>
</div>
</div>
<div style="padding: .3rem;">
<div class="shaddowbox">
<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;" onclick="window.location.href='{:U(\'rule\')}'">
<div class="allitembox">
<div class="shaddowbox aditem">
<div class="title-cell">
<div class="borderitem">
<div class="title-name">苹果超级签</div>
<div class="flexitem a9color" onclick="window.location.href='{:U(\'rule\')}'">
<div style="margin-right: 5px;">至尊版说明</div>
<img src="__IMG__/ssg/index/back.png" style="width:.3rem;height:.3rem;">
<img class="wh3rem" src="__IMG__/ssg/index/back.png">
</div>
</div>
</div>
<div class="flexitem" style="height: 2.6rem;justify-content:center;">
<img class="order" src="__IMG__/ssg/index/ad.png" style="width: 6.3rem;height: 2rem;">
<div class="flexitem adimg">
<img class="order" src="__IMG__/ssg/index/ad.png">
</div>
</div>
<div class="shaddowbox" style="margin-top: .3rem;">
<div style="font-size: .24rem;color:#292929;position: relative;">
<div class="shaddowbox maringtop3rem">
<div class="title-cell" style="font-size: .24rem;">
<p style="padding: .3rem;">
1.选择游戏产品时，即选择购买超级签游戏下载链接和对应
的游戏礼包，无法退换哦~
@ -115,16 +59,13 @@
</p>
</div>
</div>
<div class="shaddowbox" style="margin-top: .3rem;">
<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: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;height: .6rem;font-size: .24rem;margin-left: .2rem;width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem);width:-moz-calc(100% - 1rem);">
<div class="shaddowbox maringtop3rem">
<div class="title-cell">
<div class="borderitem">
<div class="title-name">选择产品</div>
<div class="flexitem inputbox">
<img src="__IMG__/ssg/index/select.png">
<input id="selectVal" type="text" value="">
</div>
</div>
@ -135,23 +76,21 @@
</div>
</div>
<!---button--->
<div class="shaddowbox" style="margin-top: .3rem;">
<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>
<div class="flexitem" style="color: #A9A9A9;">
<div class="shaddowbox maringtop3rem">
<div class="title-cell" onclick="window.location.href='{:U(\'help\')}'">
<div class="borderitem">
<div class="title-name">支付未到账？</div>
<div class="flexitem a9color">
<div style="margin-right: 5px;">充值帮助</div>
<img src="__IMG__/ssg/index/back.png" style="width:.3rem;height:.3rem;">
<img class="wh3rem" src="__IMG__/ssg/index/back.png">
</div>
</div>
</div>
<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;">
<!-- <div style="margin-right: 5px;">至尊版说明</div> -->
<img src="__IMG__/ssg/index/back.png" style="width:.3rem;height:.3rem;">
<div class="title-cell" onclick="chatQQ()">
<div class="borderitem">
<div class="title-name">联系客服</div>
<div class="flexitem a9color">
<img class="wh3rem" src="__IMG__/ssg/index/back.png">
</div>
</div>
</div>
@ -159,14 +98,14 @@
</div>
<div style="margin:auto;width:100%;height:1.34rem;"></div>
<div class="pay-button">
<div>确认支付￥10</div>
<div style="background:url('__IMG__/ssg/index/paybt.png') no-repeat top center/cover;">确认支付￥10</div>
</div>
</body>
<script type="text/template" id="gametpl">
{@each list as item,index}
<div class="gameitem flexitem" style="padding-top:.3rem ;justify-content: space-between;" data-game_id = "${item.game_id}">
<img src="${item.game_icon}" style="width: .7rem;height: .7rem;">
<div style="margin-left: .2rem;flex-grow: 1;">
<div class="gameitem flexitem" data-game_id = "${item.game_id}">
<img class="gameimg" src="${item.game_icon}">
<div class="" style="margin-left: .2rem;flex-grow: 1;">
<div class="flexitem">
<div style="font-size: .28rem;">${item.game_name}-超级签</div>
<img src="__IMG__/ssg/index/gif.png" style="width: .27rem;height: .27rem;margin-left: .2rem;">

166
Application/Mobile/View/Ssg/login.html
Unescape Escape View File

@ -10,129 +10,24 @@
<link href="__CSS__/ssg/common.css" rel="stylesheet" type="text/css">
<link href="__CSS__/swiper.min.css" rel="stylesheet" type="text/css">
<script src="__JS__/ssg/flexible.min.js" type="text/javascript"></script>
</head>
<style>
.login-page{
padding-bottom: .4rem;min-height: 100vh;
}
.login-page .header-img{
width: 100%;text-align: center;padding-top: .55rem;
}
.login-page .header-img img{
width:6.7rem;height: 5.35rem;
}
</style>
<style>
.login-page .loginbox {
width: 6.3rem;
height: 6.34rem;
background-color: #fff;
border-radius: .32rem;
margin: .6rem auto 0;
}
.login-page .loginbox .title {
display: flex;
height: 1rem;
width: 100%;
justify-content: space-between;
align-items: center;
}
.login-page .loginbox .title img,
.login-page .loginbox .titleright {
width: .4rem;
height: .4rem;
}
.login-page .loginbox .title img {
padding-left: .22rem;
}
.login-page .loginbox .titleright {
padding-right: .22rem;
}
.login-page .loginbox .title div {
font-size: .4rem;
color: #292929;
}
.login-page .loginbox .formitem {
display: flex;
height: .8rem;
width: 5rem;
margin: auto;
;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #292929;
margin: .3rem auto 0;
}
.login-page .loginbox .formitem img {
width: .4rem;
height: .4rem;
margin-right: .1rem;
}
.login-page .loginbox .formitem input {
border: 0px;
height: .8rem;
font-size: .28rem;
text-align: left;
width: 4.5rem;
}
.login-page .loginbox .verify-item{
border: 0px;
}
.login-page .loginbox .verify-item .formitem{
margin-right: .2rem;margin-top: 0px;width: 3.5rem;
}
.login-page .loginbox .verify-item .formitem input{
width:2rem;
}
.login-page .loginbox .verify-item .verify-img{
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
}
.login-page .loginbox .login-btn-group{
display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
}
.login-page .loginbox .login-btn-group div{
width: 2.9rem;height: 1.4rem;
}
.login-page .loginbox .login-footer{
display: flex;width:100%;justify-content:center;align-items:center;
}
.login-page .loginbox .login-footer img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .login-footer .chatqq{
font-size: .24rem;color:#21B1EB;margin-left: .1rem;
}
.login-page .loginbox .login-btn-group .login-btn-big{
width: 5.6rem;height: 1.4rem;
}
.login-page .loginbox .phonecodebtn{
width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
}
.login-page .loginbox .reg-footer{
display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
}
.login-page .loginbox .reg-change{
display: flex;align-items:center;margin-left: .25rem;
}
.login-page .loginbox .reg-change img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .reg-change div{
color:#21B1EB;margin-left: .1rem;
}
</style>
<body>
<div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
<!---登陆弹框-->>
<div id="alert_box" style="height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;">
<div style="top:50%;margin-top: -1.5rem;position: fixed;width: 6.3rem;left: 50%;margin-left: -3.2rem;background-color: #fff;border-radius:.2rem;">
<div style="line-height:1.4rem;font-size:.32rem;text-align: center;">
注册成功，三秒后将自动登陆。
</div>
<a onclick="hideAndLogin()" href="javascript:" style="line-height:1rem;font-size:.32rem;text-align: center;color: #21B1EB;width: 100%;display: block;border-top: 1px solid #f5f5f5;">
确定
</a>
<!-- <a href="javascript:" style="line-height:1rem;font-size:.28rem;text-align: center;color: #A9A9A9;width: 100%;display: block;" onclick="javascript;location.reload();">
支付遇到问题，重新支付
</a> -->
</div>
</div>
<div class="header-img">
<img src="__IMG__/ssg/home/hader.png">
</div>
@ -160,6 +55,7 @@
<img src="__IMG__/ssg/login/code.png">
<input id="userCode" type="text" placeholder="请输入验证码" value="">
</div>
<!-- <div id="verifyCode" class="verify-code" onclick="GetVerityCode()" style="color:green;width: 1.5rem;height: .7rem;line-height: .7rem;text-align:center;font-size: .40rem;border:1px solid green;letter-spacing:3px;"></div> -->
<img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
</div>
<!---按钮-->
@ -245,16 +141,16 @@
</div>
<!---按钮-->
<div class="login-btn-group">
<div id="userreg"
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
<div id="userreg" class="login-btn-big"
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;">
立即注册
</div>
</div>
<div style="display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;">
<div class="reg-footer">
<div>注册即表示同意 <a href="{:U('News/protocol')}" style="color:#3CC2EF">《用户协议》</a></div>
<div style="display: flex;align-items:center;margin-left: .25rem;">
<img src="__IMG__/ssg/login/change.png" style="width: .3rem;height: .3rem;">
<div class="gophonreg" style="color:#21B1EB;margin-left: .1rem;">
<div class="reg-change">
<img src="__IMG__/ssg/login/change.png">
<div class="gophonreg">
切换手机注册
</div>
</div>
@ -275,7 +171,6 @@
// initialSlide :2,
noSwiping : true,
})
var loginLock = false;
function GetVerityCode() {
//刷新验证码
@ -299,7 +194,8 @@
$(".chatqq").on("click",function(){
window.location.href = 'mqqwpa://im/chat?chat_type=wpa&uin={$app_qq}&version=1&src_type=web&web_src=oicqzone.com';
})
//获取登录密码
//获取验证码
//登陆
$("#loginbtn").on("click",function(){
@ -323,7 +219,6 @@
alert("推广员ID不能为空");
return false;
}
jQuery.ajax({
type: 'POST',
url: 'mobile.php?s=/Ssg/do_login.html',
@ -391,12 +286,17 @@
alert(result.return_msg);
} else {
//成功
alert("注册并登陆成功");
alert("注册成功，三秒后将自动登陆");
window.location.href = "mobile.php?s=/Ssg/index.html"
}
}
})
})
//弹框确认
function hideAndLogin(){
$("#alert_box").hide();
window.location.href = "mobile.php?s=/Ssg/index.html"
}
//获取手机验证码
$("#getPhoneCode").on("click",function(){
//获取手机
@ -444,7 +344,7 @@
var promoteId = $("#promote_id").val();
var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])');
if(account.length < 6 || account.length > 12){
alert('账号必须是6-12位字母数字组合');
alert('账号长度必须是6-12位');
return false;
}
if (!pwdRegex.test(account)) {
@ -479,8 +379,10 @@
alert(result.return_msg);
} else {
//成功
alert("注册并登陆成功");
window.location.href = "mobile.php?s=/Ssg/index.html"
$("#alert_box").show();
setTimeout(hideAndLogin,2500)
// alert("注册并登陆成功");
// window.location.href = "mobile.php?s=/Ssg/index.html"
}
}
})

121
Application/Mobile/View/Ssg/order.html
Unescape Escape View File

@ -9,109 +9,9 @@
<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>
<body class="order-box">
<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>
@ -126,28 +26,41 @@
<div class="title-cont">订单编号：{$data.order_id}</div>
</div>
</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 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>
</div>
</a>
<else />
<if condition="$data['pay_status'] eq '2'">
<div class="flexitem gamebox">
<img src="{$data['icon']|get_cover='path'}">
<div class="gameboxname">{$data['game_name']}-超级签</div>
<div style="font-size: .24rem;color: #FF0000;">交易失败</div>
</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 class="flexitem gamebox">
<img src="{$data['icon']|get_cover='path'}">
<div class="gameboxname">{$data['game_name']}-超级签</div>
<div style="font-size: .24rem;">立即支付</div>
</div>
</a>
<else />
<div class="flexitem gamebox">
<img src="{$data['icon']|get_cover='path'}">
<div class="gameboxname">{$data['game_name']}-超级签</div>
<div style="font-size: .24rem;color:#A9A9A9;">已失效</div>
</div>
</if>
</if>
</if>
</div>
</div>
</volist>
</div>
<else />

36
Application/Mobile/View/Ssg/rule.html
Unescape Escape View File

@ -8,40 +8,12 @@
<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="page-container rule-box">
<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>
<img class="gologin" src="__IMG__/ssg/back.png" onclick="javascript:history.go(-1)">
<div class="content">至尊版说明</div>
<div class="titleright"></div>
</div>
<div class="vip-rule">
<ul>

4
Application/Mobile/View/Ssg/tutorial.html
Unescape Escape View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html style="font-size: 204.8px;">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes">
@ -19,7 +19,7 @@
<div class="install-tutorial">
<div class="tutorial-content">
<p class="tutorial-word">1.支付成功后将进入订单页面可进行游戏下载，您可使用你的常用设备进行下载（下载地址绑定首次下载设备，更换设备无效）使用safrai浏览器打开，如果需要授权码请联系客服</p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-1.jpg"></p>
<p class="tutorial-pic"><img src="__IMG__/ssg/install/install-1.png"></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>

104
Application/Sdk/View/default/Ipa365/install_show.html
Unescape Escape View File

@ -9,108 +9,9 @@
<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>
<body class="install-box">
<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>
@ -155,7 +56,6 @@ p,input{
</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>

406
Public/Mobile/css/ssg/common.css
Unescape Escape View File

@ -383,3 +383,409 @@ font-size: .16rem;
padding-left: 0;
padding-top: .15rem;
}
/* login-page */
.login-page{
padding-bottom: .4rem;min-height: 100vh;
}
.login-page .header-img{
width: 100%;text-align: center;padding-top: .55rem;
}
.login-page .header-img img{
width:6.7rem;height: 5.35rem;
}
.login-page .loginbox {
width: 6.3rem;
height: 6.34rem;
background-color: #fff;
border-radius: .32rem;
margin: .6rem auto 0;
}
.login-page .loginbox .title {
display: flex;
height: 1rem;
width: 100%;
justify-content: space-between;
align-items: center;
}
.login-page .loginbox .title img,
.login-page .loginbox .titleright {
width: .4rem;
height: .4rem;
}
.login-page .loginbox .title img {
padding-left: .22rem;
}
.login-page .loginbox .titleright {
padding-right: .22rem;
}
.login-page .loginbox .title div {
font-size: .4rem;
color: #292929;
}
.login-page .loginbox .formitem {
display: flex;
height: .8rem;
width: 5rem;
margin: auto;
;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #292929;
margin: .3rem auto 0;
}
.login-page .loginbox .formitem img {
width: .4rem;
height: .4rem;
margin-right: .1rem;
}
.login-page .loginbox .formitem input {
border: 0px;
height: .8rem;
font-size: .28rem;
text-align: left;
width: 4.5rem;
}
.login-page .loginbox .verify-item{
border: 0px;
}
.login-page .loginbox .verify-item .formitem{
margin-right: .2rem;margin-top: 0px;width: 3.5rem;
}
.login-page .loginbox .verify-item .formitem input{
width:2rem;
}
.login-page .loginbox .verify-item .verify-img{
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
}
/* .login-page .loginbox .verify-item .verify-img{
cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;
} */
.login-page .loginbox .login-btn-group{
display: flex;width:100%;margin:.22rem auto 0;justify-content:center;align-items:center;font-size: .32rem;text-align: center;line-height:1.1rem;color: #fff;
}
.login-page .loginbox .login-btn-group div{
width: 2.9rem;height: 1.4rem;
}
.login-page .loginbox .login-footer{
display: flex;width:100%;justify-content:center;align-items:center;
}
.login-page .loginbox .login-footer img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .login-footer .chatqq{
font-size: .24rem;color:#21B1EB;margin-left: .1rem;
}
.login-page .loginbox .login-btn-group .login-btn-big{
width: 5.6rem;height: 1.4rem;
}
.login-page .loginbox .phonecodebtn{
width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;
}
.login-page .loginbox .reg-footer{
display: flex;width:100%;justify-content:center;align-items:center;font-size: .24rem;
}
.login-page .loginbox .reg-change{
display: flex;align-items:center;margin-left: .25rem;
}
.login-page .loginbox .reg-change img{
width: .3rem;height: .3rem;
}
.login-page .loginbox .reg-change div{
color:#21B1EB;margin-left: .1rem;
}
/* help-page */
.help-box{
font-size: .16rem;
color: #292929;
background-color: #fff;
min-height: 100vh;
}
.help-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.help-box .title img,
.help-box .titleright {
width: .15rem;
height: .15rem;
}
.help-box .title img{
margin-left:.12rem;
}
.help-box .titleright {
margin-right:.12rem;
}
.help-box .title .content{
font-size: .16rem;color: #fff;
}
.help-box .recharge-help ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.help-box .recharge-help ul li {
padding: 0.1rem 0;
}
/* rule-page */
.rule-box{
font-size: .16rem;
color: #292929;
}
.rule-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.rule-box .title img,
.rule-box .titleright {
width: .15rem;
height: .15rem;
}
.rule-box .title img{
margin-left:.12rem;
}
.rule-box .titleright {
margin-right:.12rem;
}
.rule-box .title .content{
font-size: .16rem;color: #fff;
}
.rule-box .vip-rule ul li .answer{
font-size: .12rem;
text-indent: 24px;
padding: .15rem 0 .1rem;
}
.rule-box .vip-rule ul li {
padding: 0.1rem 0;
}
/* index */
.index-box {
background-color: #F5F5F5;
}
.index-box .flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.index-box .title {
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
color: white;
font-size: .28rem;
}
.index-box .title .logout{
margin-left:.29rem;
}
.index-box .title .back div{
margin-left: 5px;
}
.index-box .title img {
width: .3rem;
height: .3rem;
}
.index-box .title .content{
font-size: .32rem;font-weight: 600;
}
.index-box .title .orderbox{
margin-right:.29rem;
}
.index-box .title .orderbox div{
margin-left: 5px;
}
.index-box .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);
}
.index-box .shaddowbox {
background-color: #fff;
border-radius: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
.index-box .allitembox{
padding: .3rem;
}
.index-box .allitembox .title-cell{
font-size: .28rem;color:#292929;position: relative;
}
/* .index-box .allitembox .title-cell >div{
} */
.index-box .allitembox .title-cell .borderitem{
display: flex; justify-content: space-between;align-items:center;padding: 0 .3rem;line-height: .9rem;
}
.index-box .allitembox .aditem .adimg{
height: 2.6rem;justify-content:center;
}
.index-box .allitembox .aditem .adimg img{
width: 6.3rem;height: 2rem;
}
.index-box input {
background-color: #F5F5F5;
}
.index-box .maringtop3rem{
margin-top: .3rem;
}
.index-box .title-name{
font-size: .32rem;
}
.index-box .a9color{
color: #A9A9A9;
}
.index-box .wh3rem{
width: .3rem;height: .3rem;
}
.index-box .inputbox{
color: #A9A9A9;width:calc(100% - 2rem);width:-webkit-calc(100% - 2rem);width:-moz-calc(100% - 2rem);height: .6rem;background-color: #F5F5F5;border-radius: .3rem;
}
.index-box .inputbox img{
width:.4rem;height: .4rem;margin-left: .17rem;
}
.index-box .inputbox input{
border: 0px;height: .6rem;font-size: .24rem;margin-left: .2rem;width:calc(100% - 1rem);width:-webkit-calc(100% - 1rem);width:-moz-calc(100% - 1rem);
}
.index-box .pay-button div{
margin:auto;width:5.6rem;height:1.34rem;color: #fff;text-align: center;line-height: 1.1rem;font-size: .32rem;
}
.index-box .gameitem{
padding-top:.3rem ;justify-content: space-between;
}
.index-box .gameitem .gameimg{
width: .7rem;height: .7rem;
}
.index-box .gamechoose{
width: .3rem;height: .3rem;
}
/* order-box */
.order-box {
background-color: #F5F5F5;
}
.order-box .flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.order-box .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);
}
.order-box .shaddowbox {
background-color: #fff;
border-radius: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
margin-top: .3rem;
}
.order-box .title {
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.order-box .title img,
.order-box .titleright {
width: .3rem;
height: .3rem;
}
.order-box .order-search li dl .order-status {
background-image: url("/Public/Mobile/images/ssg/order-status.png");
}
.order-box .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;
}
.order-box .box-title {
width: 6.9rem;
font-size: .28rem;
color: #292929;
position: relative;
}
.order-box .borderitem {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 .3rem;
line-height: .8rem;
}
.order-box .title-cont {
font-size: .24rem;
color: #A9A9A9;
}
.order-box .gamebox {
height: 1.8rem;
justify-content: center;
padding: .3rem;
}
.order-box .gamebox img {
width: 1.2rem;
height: 1.2rem;
}
.order-box .gameboxname {
margin-left: .3rem;
flex-grow: 1;
font-size: .28rem;
color: #292929;
}

BIN
Public/Mobile/images/ssg/home/alertbg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
Public/Mobile/images/ssg/install/install-1.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 279 KiB

BIN
Public/Mobile/images/ssg/process/pay-4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 717 KiB

96
Public/Sdk/css/ssg/common.css
Unescape Escape View File

@ -221,3 +221,99 @@ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #
.order-search li dl .order-pay { position: absolute; right: 0; top: 50%; margin-top: -0.265rem; width: 0.53rem; height: 0.53rem; background-repeat: no-repeat; background-size: 100%; margin: auto; }
/*# sourceMappingURL=common.css.map */
/* install-box */
.install-box .title{
display: flex;
height: .9rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.install-box .title img,
.install-box .titleright {
width: .3rem;
height: .3rem;
}
.install-box .vip-download .game-info .game-icon img{
width: 1.1rem;
height: 1.1rem;
}
.install-box .vip-download .game-info .game-title{
top: 1.8rem;
}
.install-box .vip-download .game-info .game-rule{
top: 2.24rem;
}
.install-box .vip-download .game-info .download-button{
bottom:.5rem
}
.install-box .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;
}
.install-box .shaddowbox {
background-color: #fff;
border-radius: .16rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
.install-box .vip-download .game-gift{
padding: 0 .3rem;
}
.install-box .title-3{
height: 0.89rem;
line-height: 0.89rem;
border-bottom-color: #f0f0f0;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.install-box .title-3 h2{
font-size: .28rem;
}
.install-box .vip-download .game-gift .gift-list li{
padding-bottom: 0.3rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-title{
height: .84rem;
line-height:.84rem;
text-align: left;
}
.install-box .vip-download .game-gift .gift-list li .gift-title h2{
padding-left: 0.36rem;
background-size: 0.25rem 0.25rem;
font-size: 0.28rem;
}
.install-box p,input{
font-size: .24rem;
}
.install-box .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;
}
.install-box .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;
}
.install-box .gift-info{
font-size: .20rem;
}
.install-box .vip-download .game-gift .gift-list li .gift-code label{
left: .28rem;
}
Write Preview
Loading…
Cancel
Save