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

优化css

Browse Source
master
chenzhi 5 years ago
parent 34801e02e3
commit 88a971b56e
6 changed files with 287 additions and 199 deletions
Show Stats Download Patch File Download Diff File

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

@ -6,38 +6,6 @@
<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>
*{
padding: 0px;
margin: 0px;
}
li{
line-height:2;
max-width: 6rem;
list-style-type:disc;
}
.safari_box{
height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
}
.safari_box .content{
line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
}
.safari_box .content img{
position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
}
.safari_box .safari_box_alert{
top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
}
.safari_box .safari_box_alert .alert_title{
background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;height: 2.8rem;width: 6.3rem;position: relative;
}
.safari_box .safari_box_alert .alert_title .alert_title_close{
width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_safari{
width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
}
</style>
</head>
<body>
@ -46,19 +14,19 @@
请选择在“Safari”中打开 <img src="__IMG__/ssg/home/jt.png">
</div>
<div class="safari_box_alert">
<div class="alert_title">
<div class="alert_title" style="background:url('__IMG__/ssg/home/alertbg.png') no-repeat top center/cover;">
<img class="alert_title_close" onclick="closeSafari()" src="__IMG__/ssg/home/close.png">
<img class="alert_title_safari" src="__IMG__/ssg/home/safari.png">
<div style="width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;">
<div class="alert_title_desc">
该链接只支持<text style="color:yellow">Safari</text>，
<br/>
请在<text style="color:yellow">Safari</text>中打开
</div>
</div>
<div style="width: 6.3rem;height:1.2rem;background-color: #ffffff;position: absolute;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;">
<div style="display:flex;width:100%;justify-content:center;position: absolute;top: .18rem;">
<input id="copyVal" type="text" readonly='' value="" style="background: #e6e6e6;border: 0px;width: 3.5rem;padding:0 .2rem;border-top-left-radius:64px;border-bottom-left-radius:64px;height: .8rem;color:#777;font-size: .32rem;">
<a href="javascript:" id="copy" data-clipboard-target="#copyVal" style="background:url('__IMG__/ssg/home/copybt.png') no-repeat top center/cover;width: 1.4rem;height: .8rem;text-align: center;line-height: .8rem;color:white;font-size: .28rem;">
<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>
@ -67,39 +35,39 @@
</div>
<div style="background: url('__IMG__/ssg/home/bg.png') no-repeat top center/100% auto;padding-bottom: .6rem;">
<div style="width: 100%;text-align: center;padding-top: .55rem;">
<img src="__IMG__/ssg/home/hader.png" style="width:6.7rem;height: 5.35rem;">
<div class="home-box" style="background: url('__IMG__/ssg/home/bg.png') no-repeat top center/100% auto;">
<div class="hader-img">
<img src="__IMG__/ssg/home/hader.png">
</div>
<div style="text-align: center;padding-top: .3rem;">
<a href="{:U('login')}" onclick="return check()"><img src="__IMG__/ssg/home/button1.png" style="width:3.9rem;height: 1.3rem;"></a>
<div class="btn-login">
<a href="{:U('login')}" onclick="return check()"><img src="__IMG__/ssg/home/button1.png"></a>
</div>
<div style="display: flex;justify-content:space-around;padding-top: .2rem;">
<a href="{:U('process')}" onclick="return check()"><img src="__IMG__/ssg/home/button2.png" style="width:1.75rem;height:.6rem;"></a>
<a href="{:U('tutorial')}" onclick="return check()"><img src="__IMG__/ssg/home/button3.png" style="width:1.75rem;height:.6rem;"></a>
<a href="javascript:" onclick="chatQQ()"><img src="__IMG__/ssg/home/button4.png" style="width:1.75rem;height:.6rem;"></a>
<div class="btn-group">
<a href="{:U('process')}" onclick="return check()"><img src="__IMG__/ssg/home/button2.png"></a>
<a href="{:U('tutorial')}" onclick="return check()"><img src="__IMG__/ssg/home/button3.png"></a>
<a href="javascript:" onclick="chatQQ()"><img src="__IMG__/ssg/home/button4.png"></a>
</div>
<div style="background: url('__IMG__/ssg/home/list1.png') no-repeat top center/100% 100%;height: 4.3rem;width: 100%;margin-top: .45rem;">
<ul style="padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;">
<div class="descitem" style="background: url('__IMG__/ssg/home/list1.png') no-repeat top center/100% 100%;margin-top: .45rem;">
<ul>
<li>高端定制，仅对IOS老用户开放</li>
<li>永不闪退，不丢游戏，不丢数据，稳定有保障</li>
<li>同一设备安装一次可在一年内无限次下载重装</li>
</ul>
</div>
<div style="background: url('__IMG__/ssg/home/list2.png') no-repeat top center/100% 100%;height: 4.7rem;width: 100%;">
<ul style="padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;">
<li style="line-height:1.5;">
账号登入且付费，购买苹果超级签（不同设备需要分别付费安装哦）
</li>
<li>下载安装描述文件</li>
<li>下载安装游戏</li>
</ul>
<div class="descitem" style="background: url('__IMG__/ssg/home/list2.png') no-repeat top center/100% 100%;">
<ul>
<li style="line-height:1.5;">
账号登入且付费，购买苹果超级签（不同设备需要分别付费安装哦）
</li>
<li>下载安装描述文件</li>
<li>下载安装游戏</li>
</ul>
</div>
<div style="text-align: center;">
<a href="{:U('login')}" onclick="return check()"><img src="__IMG__/ssg/home/button5.png" style="width:3.4rem;height: 1.1rem;"></a>
<div class="btn-download">
<a href="{:U('login')}" onclick="return check()"><img src="__IMG__/ssg/home/button5.png"></a>
</div>
</div>
<div class="footer" style="height: auto;">
<div class="footer home-box-footer">
<p class="footer-up">闽ICP备19003775号-1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;闽网文{2019}1554-099号</p>
<p class="footer-down">抵制不良游戏，拒绝盗版游戏。注意自我保护，谨防受骗上当。<br>适度游戏益脑，沉迷游戏伤身。合理安排时间，享受健康生活。</p>
</div>

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

@ -13,12 +13,18 @@
</head>
<style>
* {
padding: 0px;
margin: 0px;
.login-page{
padding-bottom: .4rem;min-height: 100vh;
}
.loginbox {
.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;
@ -26,7 +32,7 @@
margin: .6rem auto 0;
}
.loginbox .title {
.login-page .loginbox .title {
display: flex;
height: 1rem;
width: 100%;
@ -34,26 +40,26 @@
align-items: center;
}
.loginbox .title img,
.loginbox .titleright {
.login-page .loginbox .title img,
.login-page .loginbox .titleright {
width: .4rem;
height: .4rem;
}
.loginbox .title img {
.login-page .loginbox .title img {
padding-left: .22rem;
}
.loginbox .titleright {
.login-page .loginbox .titleright {
padding-right: .22rem;
}
.loginbox .title div {
.login-page .loginbox .title div {
font-size: .4rem;
color: #292929;
}
.loginbox .formitem {
.login-page .loginbox .formitem {
display: flex;
height: .8rem;
width: 5rem;
@ -65,26 +71,70 @@
margin: .3rem auto 0;
}
.loginbox .formitem img {
.login-page .loginbox .formitem img {
width: .4rem;
height: .4rem;
margin-right: .1rem;
}
.loginbox .formitem input {
.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
style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;padding-bottom: .4rem;min-height: 100vh;">
<div style="width: 100%;text-align: center;padding-top: .55rem;">
<img src="__IMG__/ssg/home/hader.png" style="width:6.7rem;height: 5.35rem;">
<div class="login-page" style="background: url('__IMG__/ssg/login/bg.png') no-repeat top center/100% 100%;">
<div class="header-img">
<img src="__IMG__/ssg/home/hader.png">
</div>
<input type="hidden" value="{$promote_id}" id="promote_id" name="promote_id"/>
<div class="swiper-container">
@ -105,27 +155,25 @@
<img src="__IMG__/ssg/login/password.png">
<input id="password" type="password" placeholder="请输入密码" value="">
</div>
<div class="formitem" style="border: 0px;">
<div class="formitem" style="margin-right: .2rem;margin-top: 0px;width: 3.5rem;">
<div class="formitem verify-item">
<div class="formitem">
<img src="__IMG__/ssg/login/code.png">
<input id="userCode" type="text" placeholder="请输入验证码" value="" style="width:2rem;">
<input id="userCode" type="text" placeholder="请输入验证码" value="">
</div>
<img id="verifyCode" style="cursor:pointer;width:1.5rem;height: .7rem;margin-right:0px;"
onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
<img class="verify-img" id="verifyCode" onclick="GetVerityCode()" src="/mobile.php?s=/Ssg/verify.html">
</div>
<!---按钮-->
<div
style="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;">
<div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
<div class="login-btn-group">
<div id="loginbtn" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
登陆
</div>
<div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;width: 2.9rem;height: 1.4rem;">
<div class="gophonreg" style="background: url('__IMG__/ssg/login/bottonbg.png') no-repeat top center/cover;">
注册
</div>
</div>
<div style="display: flex;width:100%;justify-content:center;align-items:center;">
<img src="__IMG__/ssg/login/kf.png" style="width: .3rem;height: .3rem;">
<div class="chatqq" style="font-size: .24rem;color:#21B1EB;margin-left: .1rem;">
<div class="login-footer">
<img src="__IMG__/ssg/login/kf.png">
<div class="chatqq">
联系客服
</div>
</div>
@ -152,23 +200,21 @@
<img src="__IMG__/ssg/login/code.png">
<input id="phonecode" type="text" placeholder="请输入短信验证码" value="" style="width:2.5rem;">
</div>
<div id="getPhoneCode" style="width:1.8rem;height: .6rem;color: white;background-color:#21B1EB;border-radius: .3rem;line-height: .6rem;font-size: .24rem;text-align: center;">
<div id="getPhoneCode" class="phonecodebtn">
获取验证码
</div>
</div>
<!---按钮-->
<div id="phonereg"
style="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;">
<div
style="background: url('__IMG__/ssg/login/bigbuttonbg.png') no-repeat top center/cover;width: 5.6rem;height: 1.4rem;">
<div id="phonereg" class="login-btn-group">
<div 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="gouserreg" style="color:#21B1EB;margin-left: .1rem;">
<div class="reg-change">
<img src="__IMG__/ssg/login/change.png">
<div class="gouserreg">
切换普通注册
</div>
</div>
@ -198,8 +244,7 @@
<input id="regpassword2" type="password" placeholder="请再次确认输入密码" value="">
</div>
<!---按钮-->
<div
style="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;">
<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;">
立即注册
@ -227,7 +272,7 @@
<script type="text/javascript">
var mySwiper = new Swiper('.swiper-container', {
// autoplay: true,//可选选项，自动滑动
// initialSlide :1,
initialSlide :2,
noSwiping : true,
})

54
Application/Mobile/View/Ssg/process.html
Unescape Escape View File

@ -7,61 +7,9 @@
<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-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="page-container process-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>

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

@ -7,43 +7,15 @@
<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="page-container tutorial-box">
<div class="title">
<img class="gologin" src="__IMG__/ssg/back.png" style="margin-left:.12rem;" onclick="javascript:history.go(-1)">
<div class="content">安装教程</div>
<div class="titleright" style="margin-right:.12rem;"></div>
</div>
<div class="install-tutorial">
<div class="tutorial-content">
<p class="tutorial-word">1.支付成功后将进入订单页面可进行游戏下载，您可使用你的常用设备进行下载（下载地址绑定首次下载设备，更换设备无效）使用safrai浏览器打开，如果需要授权码请联系客服</p>
@ -60,10 +32,6 @@
</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>
<!--<div style="display:none;">
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1277974911'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "v1.cnzz.com/stat.php%3Fid%3D1277974911' type='text/javascript'%3E%3C/script%3E"));</script><span id="cnzz_stat_icon_1277974911"><a href="https://www.cnzz.com/stat/website.php?web_id=1277974911" target="_blank" title="站长统计">站长统计</a></span><script src="./苹果超级签购买（在线支付）_files/stat.php" type="text/javascript"></script><script src="./苹果超级签购买（在线支付）_files/core.php" charset="utf-8" type="text/javascript"></script>
</div>-->
</body>
</html>

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

@ -67,7 +67,7 @@ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #
.title-3 { height: 0.35rem; line-height: 0.35rem; border-bottom-color: #f0f0f0; border-bottom-width: 1px; border-bottom-style: solid; }
.title-3 h2 { font-size: 0.14rem; font-weight: bold; }
.page-container { width: 750px; margin: 0 auto; }
.page-container { margin: 0 auto; }
.page-container.container-white { min-height: 100%; background-color: #fff; }
@media screen and (max-width: 750px) { .page-container { width: auto; } }
@ -221,3 +221,165 @@ 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 */
/* user-chenzhi */
/* home-page */
.home-box li{
line-height:2;
max-width: 6rem;
list-style-type:disc;
}
.safari_box{
height: 100vh;background:rgba(41,41,41,.8);position:fixed;z-index:9999;top: 0px;width: 100%;display: none;
}
.safari_box .content{
line-height: 1;color: #fff;width: 100%;text-align: center;font-size: .36rem;position: absolute;top:2.05rem;
}
.safari_box .content img{
position: absolute;width: 1rem;height: .8rem;right: .57rem;top:-.5rem;
}
.safari_box .safari_box_alert{
top:3.5rem;position:absolute;width: 6.3rem;left: 50%;margin-left: -3.2rem;
}
.safari_box .safari_box_alert .alert_title{
height: 2.8rem;width: 6.3rem;position: relative;
}
.safari_box .safari_box_alert .alert_title .alert_title_close{
width: .3rem;height: .3rem;position: absolute;left: .3rem;top: .3rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_safari{
width:1.5rem;height: 1.5rem;position: absolute;left: .79rem;top:.75rem;
}
.safari_box .safari_box_alert .alert_title .alert_title_desc{
width:3.5rem;height: .79rem;font-size: .34rem;left: 2.5rem;position: absolute;top:1rem;color:#fff;
}
.safari_box .safari_box_alert .alert_copy{
width: 6.3rem;height:1.2rem;background-color: #ffffff;position: absolute;border-bottom-left-radius:.32rem;border-bottom-right-radius:.32rem;
}
.safari_box .safari_box_alert .alert_copy div{
display:flex;width:100%;justify-content:center;position: absolute;top: .18rem;
}
.safari_box .safari_box_alert .alert_copy input{
background: #e6e6e6;border: 0px;width: 3.5rem;padding:0 .2rem;border-top-left-radius:64px;border-bottom-left-radius:64px;height: .8rem;color:#777;font-size: .32rem;
}
.safari_box .safari_box_alert .alert_copy a{
width: 1.4rem;height: .8rem;text-align: center;line-height: .8rem;color:white;font-size: .28rem;
}
/*页面信息*/
.home-box{
padding-bottom: .6rem;
}
.home-box .hader-img{
width: 100%;text-align: center;padding-top: .55rem;
}
.home-box .hader-img img{
width:6.7rem;height: 5.35rem;
}
.home-box .btn-login{
text-align: center;padding-top: .3rem;
}
.home-box .btn-login img{
width:3.9rem;height: 1.3rem;
}
.home-box .btn-group{
display: flex;justify-content:space-around;padding-top: .2rem;
}
.home-box .btn-group img{
width:1.75rem;height:.6rem;
}
.home-box .descitem{
height: 4.3rem;width: 100%;
}
.home-box .descitem ul{
padding-top: 1.74rem;padding-left: 1rem;color: white;font-size: .28rem;
}
.home-box .btn-download{
text-align: center;
}
.home-box .btn-download img{
width:3.4rem;height: 1.1rem;
}
.home-box-footer{
height: auto;
}
/*process-page*/
.pay-tutorial .pay-rule .title-1 {
background-color: #21B1EB;
border-radius:.15rem;
color: #fff;
height: .3rem;
}
.process-box{
font-size: .16rem;
color: #292929;
}
.process-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.process-box .title img,
.process-box .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;
}
/* tutorial-page */
.tutorial-box{
font-size: .16rem;
color: #292929;
}
.page-container {
padding-bottom: .2rem;
background-color: white;
}
.tutorial-box .title {
display: flex;
height: .45rem;
width: 100%;
justify-content: space-between;
align-items: center;
background-color: #21B1EB;
}
.tutorial-box .title img,
.tutorial-box .titleright {
width: .15rem;
height: .15rem;
}
.tutorial-box .title .content{
font-size: .16rem;color: #fff;
}
.install-tutorial .tutorial-content .tutorial-word{
padding-left: 0;
padding-top: .15rem;
}

3
Public/Mobile/js/ssg/flexible.min.js vendored
Unescape Escape View File

@ -9,15 +9,12 @@
var recalc = (function refreshRem () {
var clientWidth = docEl.getBoundingClientRect().width;
console.log(clientWidth);
if(clientWidth > docWidth){
docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / 1536), 22.5), 17.5) * 5 + 'px';
console.log(docEl.style.fontSize);
}else{
/* 8.55：小于320px不再缩小，11.2：大于420px不再放大 */
docEl.style.fontSize = Math.max(Math.min(20 * (clientWidth / docWidth), 11.2), 8.55) * 5 + 'px';
console.log(docEl.style.fontSize);
}
return refreshRem;
})();

Write Preview
Loading…
Cancel
Save