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

优化css1

Browse Source
master
chenzhi 5 years ago
parent f4a26b2cc2
commit 5236c7a6f1
6 changed files with 276 additions and 229 deletions
Show Stats Download Patch File Download Diff File

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>

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

@ -12,17 +12,17 @@
<script src="__JS__/ssg/juicer.min.js" type="text/javascript"></script>
</head>
<style>
body {
.index-box {
background-color: #F5F5F5;
}
.flexitem {
.index-box .flexitem {
display: flex;
justify-content: flex-start;
align-items: center;
}
.title {
.index-box .title {
display: flex;
height: .9rem;
width: 100%;
@ -32,13 +32,26 @@
color: white;
font-size: .28rem;
}
.title img {
.index-box .title .logout{
margin-left:.29rem;
}
.index-box .title .back div{
margin-left: 5px;
}
.index-box .title img {
width: .3rem;
height: .3rem;
}
.borderitem::after {
.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;
@ -51,15 +64,41 @@
background-image: linear-gradient(0deg, #ececec 50%, transparent 0);
}
.shaddowbox {
.index-box .shaddowbox {
background-color: #fff;
border-radius: .24rem;
box-shadow: 0px 0px 6px 0px rgba(89, 40, 8, 0.15);
}
input {
.index-box .allitembox{
padding: .3rem;
}
.index-box .allitembox .title-cell{
font-size: .28rem;color:#292929;position: relative;
}
.index-box .allitembox .aditem .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;
}
.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;
}
@ -75,37 +114,36 @@
}
</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,8 +153,8 @@
</p>
</div>
</div>
<div class="shaddowbox" style="margin-top: .3rem;">
<div style="font-size: .28rem;color:#292929;position: relative;">
<div class="shaddowbox maringtop3rem">
<div class="title-cell">
<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>
@ -135,7 +173,7 @@
</div>
</div>
<!---button--->
<div class="shaddowbox" style="margin-top: .3rem;">
<div class="shaddowbox maringtop3rem">
<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;">

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

@ -10,126 +10,7 @@
<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%;">
@ -245,16 +126,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>
@ -444,7 +325,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)) {

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/Sdk/Controller/ExchangeController.class.php
Unescape Escape View File

@ -104,10 +104,6 @@ class ExchangeController extends BaseController{
file_put_contents("./Application/Sdk/OrderNo/".$request['user_id']."-".$request['game_id'].".txt",think_encrypt(json_encode($request)));
echo base64_encode(json_encode(array('status'=>200,'out_trade_no'=>$out_trade_no,'img'=>'http://' . $_SERVER ['HTTP_HOST'].'/sdk.php?s=/Spend/pay_way&user_id='.$request['user_id'].'&game_id='.$request['game_id'].'&type=1')));exit;
<<<<<<< HEAD
=======
>>>>>>> 02043044b5ad23725e95e03440fc41595e79047f
}elseif(!get_game_appstatus2($request['game_id'])&&$request['is_create_ordernumer']==1){ /* 苹果支付 */

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

@ -382,4 +382,195 @@ font-size: .16rem;
.install-tutorial .tutorial-content .tutorial-word{
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 .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;
}
Write Preview
Loading…
Cancel
Save