Skip to content

quxiu
quxiu
Commit 534a570c by 冷斌
Options

fix bug

parent 3b1be655
Showing with 229 additions and 4 deletions
public/appapi/pay/css/new_Style.css 0 → 100644
/* 顶部导航栏 */
.topbar { width: 100%; background: #fff; height: 2.2rem; display: flex; align-items: center; justify-content: center; font-weight: 700; top:0; left:0; position: fixed; }
.topbar_img { width: 1rem; height: 1rem; position: absolute; top:.625rem; left: .9rem; }
.top_title { font-size: .8rem;color: #333;letter-spacing: 1px;text-align: center; font-weight: 600; }
.app { padding-top: 2.2rem; }
/* 登录 */
.login .contentBox { position: fixed; bottom: 5rem; width: 100%; padding: 0 2.5rem; }
.login .Phone_login { width: 100%; display: flex; align-items: center; justify-content: center; background:linear-gradient(to right, #FF619C, #BE43FF); height: 2.5rem; border-radius: 1.575rem; }
.login .Phone_login img { width: 1.2rem; height: 1.2rem; margin-right: 0.25rem; }
.login .Phone_login P { font-size: 0.8rem; color: #fff; }
.login .wayBox { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 1.2rem; }
.login .hengxian { width: 3rem; height: 0.05rem; background: #fff; }
.login .wayBox p { font-size: 0.6rem; margin: 0 0.4rem; color: #fff; line-height: 0.85rem; }
.login .way-icon { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 1.2rem; padding: 0 3.5rem; }
.login .way-icon img { width: 1.2rem; height: 1.2rem; }
/* 账号密码登录 */
.zh_login .body { width: 100%; overflow: hidden; }
.zh_login .theme { width: 100%; margin-top: 0.5rem; font-size: 1.3rem; color: #333; font-weight: 600; padding-left: 1.75rem; }
.zh_login .form { width: 100%; margin-top: 1.25rem; padding: 0 1.75rem; }
.zh_login .form_item { width: 100%; height: 2.8rem; border-bottom: 1px solid rgba(0,0,0,.1);display: flex; align-items: center; justify-content: space-between; }
.zh_login .form_item img { width: 1.8rem; height: 1.6rem; margin-right: 0.5rem; flex-shrink: 0; }
.zh_login .inputStyle { flex: 1; font-size: 0.8rem; color: #333; width: 0; }
.zh_login .inputStyle::-webkit-input-placeholder { color: #999; }
.zh_login .btnStyle { width: 100%; height: 2.2rem; border-radius: 1.6rem; background: rgba(196,94,255,1); opacity: .4; color: #fff; border-width: 0; margin: 0; outline: none; text-align: center; font-size: 0.8rem; }
.zh_login .Btn-box { width: 100%; padding: 0 1.75rem; margin-top: 4.15rem; }
.zh_login .btnStyle_sure{ width: 100%; height: 2.2rem; border-radius: 1.6rem; background: rgba(196,94,255,1); color: #fff; border-width: 0; margin: 0; outline: none; text-align: center; font-size: 0.8rem; }
.zh_login .yzm_login { width: 100%; margin-top: 1rem; text-align: center; font-size: 0.7rem; color: #333; }
/* 验证码登录 */
.zh_login .yzm { width: 3.6rem; height: 1.35rem; background: #ccc; font-size: 0.6rem; line-height: 0.85rem; color: #fff; border-radius: 0.8rem; flex-shrink: 0; }
/* 我的收益 */
.my_Profit .bgBox { width: 100%; }
.my_Profit .bgBox img { width: 100%; }
.my_Profit .menuBox { width: 100%; position: relative; margin-top: -9.8rem; padding: 0 0.6rem; }
.my_Profit .menuItem { width: 100%; height: 4rem; border-radius: 0.4rem; background: #fff; display: flex; align-items: center; justify-content: space-between;padding: 0 0.65rem; margin-bottom: 0.4rem; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1); }
.my_Profit .menuHd { display: flex; align-items: center; }
.my_Profit .menuHd img { width: 2.4rem; height: 2.4rem; margin-right: .4rem; }
.my_Profit .menutile { font-size: 0.8rem; font-weight: 600; }
.my_Profit .menuBd { display: flex; align-items: center; }
.my_Profit .menuBd img{ width: 0.8rem; height: 0.8rem; }
.my_Profit .menuBd p { font-size: 0.7rem; color: #999; }
/* 提现认证 */
.sfrz .contentBox { margin-top: .5rem; width: 100%; padding: 0 0.75rem; }
.sfrz .list { width: 100%; height: 2.5rem; border-bottom: .05rem solid #f2f2f2; background: #fff; justify-content: space-between; display: flex; align-items: center; }
.sfrz .list_hd { font-size: .7rem; color: #333; width: 4.7rem; }
.sfrz .list_bd { text-align: left; font-size: .7rem; color: #999; width: 0; flex: 1; }
.sfrz .list_bd::-webkit-input-placeholder { color: #999; }
.sfrz .scimgBox { width: 100%; margin-top: .5rem; padding: 0 .7rem; display: flex; align-items: center; justify-content: space-between; }
.sfrz .imgItem { width: 5.4rem; height: 5.4rem; border-radius: .4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; overflow: hidden; }
.sfrz .imgItem img { width: 100%; height: 100%; }
.sfrz .addTipsimg { width: 1.05rem; height: 1.05rem; }
.sfrz .addTips_wz { font-size: .5rem; color: #C45EFF; margin-top: .35rem; }
.sfrz .zhengjz { width: 100%; height: 100%; }
.sfrz .btnBox { width: 100%; margin-top: 1.8rem; padding: 0 4.4rem; margin-bottom: 1.5rem; }
.sfrz .btnOne { width: 100%; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; opacity: .4; font-size: .7rem; color: #fff; text-align: center; line-height: 2.2rem; }
.sfrz .btnTwo { width: 100%; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; font-size: .7rem; color: #fff; text-align: center; line-height: 2.2rem; }
.sfrz .part_name { width: 100%; padding: 0 .7rem; font-size: 0.7rem; color: #333; font-weight: 600; margin-top: 0.5rem; margin-bottom: 1rem; }
.sfrz .list p { color: #FF3E66; font-size: 0.7rem; }
.sfrz .statusOne { width: 100%; height: 1.8rem; background: #F4E2FF; color: #C45EFF; line-height: 1.8rem; font-size: .7rem; padding-left: 0.75rem; }
.sfrz .statusTwo { width: 100%; height: 1.8rem; background: #FFDCDF; color: #FC7583; line-height: 1.8rem; font-size: .7rem; padding-left: 0.75rem; }
/* 提现 */
.tixian .total_money { margin-top: 0.5rem; width: 100%; height: 2.2rem; padding: 0 0.75rem; display: flex; align-items: center; font-size: 16px; color: #333; background: #fff; }
.tixian .money_num { margin-left: 0.5rem; color: #C45EFF; font-weight: 600; }
.tixian .chooseWay { width: 100%; height: 1.95rem; padding: 0 0.75rem; display: flex; align-items: center; color:#666; font-size: 0.7rem; }
.tixian .wayBox { width: 100%; background: #fff; }
.tixian .wayItem { width: 100%; height: 2.45rem; display: flex; align-items: center; justify-content: space-between; padding: 0 0.75rem; box-shadow:0px 1px 0px 0px rgba(0,0,0,0.1); }
.tixian .wayItemHd { display: flex; align-items: center; }
.tixian .wayItemHd img { width: 1.6rem; height: 1.6rem; margin-right: 1rem; }
.tixian .wayItemHd span { font-size: 0.8rem; color: #333; }
.tixian .wayItemBd img{ width: 1.1rem; height: 1.1rem; }
.tixian .tixian_money { margin-top: 0.5rem; width: 100%; height: 2.5rem; display: flex; align-items: center; background: #fff; padding: 0 0.75rem; }
.tixian .num_money { font-size: 0.7rem; width: 4.65rem; }
.tixian .input_money { flex: 1; width: 0; font-size: 0.7rem; color: #333; }
.tixian .input_money::-webkit-input-placeholder { color: #999; }
.tixian .tixian_money p { color: #FF3E66; font-size: 0.7rem; }
.tixian .sureBtn { width: 10rem; height: 2.2rem; border-radius: 1.1rem; background: #C45EFF; font-size: 0.7rem; color: #fff; line-height: 2.2rem; text-align: center; margin: 0 auto; margin-top: 2.8rem; }
/* 充值 */
.Recharge .header { width: 100%; padding: 0 0.6rem; background: #fff; overflow: hidden; }
.Recharge .zhanghu { margin-top: 0.6rem; font-size: 0.7rem; color: #333; }
.Recharge .inputBox { width: 100%; height: 2.7rem; border-bottom: 1px solid #F5F5F5; display: flex; align-items: center; }
.Recharge .input_id { font-size: 1.2rem; color: #333; width: 100%; }
.Recharge .input_id::-webkit-input-placeholder { color: #999; }
.Recharge .zuanNum { width: 100%; height: 2.15rem; font-size: 0.7rem; color: #333; line-height: 2.15rem; font-weight: 600; }
.Recharge .body { width: 100%; padding: 0 0.6rem; }
.Recharge .chooseTips { width: 100%; margin-top: 0.6rem; font-size: 0.7rem; color: #999; }
.Recharge .chooseBox { width: 100%; display: flex; flex-wrap: wrap; margin-top: 0.2rem; }
.Recharge .item { width: 32%; height: 3.4rem; border-radius: 0.4rem; background: #F5F5F5; margin-top: 0.4rem; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 2%; position: relative;}
.Recharge .item .selimg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.Recharge .item:nth-child(3n) { margin-right: 0; }
.Recharge .item-one { display: flex; align-items: center; }
.Recharge .item-one img { width: 0.8rem; height: 0.8rem; margin-right: 0.2rem; }
.Recharge .item-one span { font-size: 1rem; color: #333; font-weight: 600; }
.Recharge .item-two { margin-top: 0.4rem; color: #999; font-size: 0.7rem; font-weight: 600; }
.Recharge .foot { width: 100%; margin-top: 2rem; padding: 0 1.9rem; display: flex; align-items: center; justify-content: space-between; }
.Recharge .foot_left { width: 6rem; height: 2.2rem; border-radius: 1.1rem; display: flex; align-items: center; background: #10A5F2; justify-content: center; }
.Recharge .foot_right { width: 6rem; height: 2.2rem; border-radius: 1.1rem; display: flex; align-items: center; background: #02B702; justify-content: center; }
.Recharge .foot_left img { width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; }
.Recharge .foot_right img { width: 1.2rem; height: 1.2rem; margin-right: 0.4rem; }
.Recharge .foot_left span { font-size: 0.7rem; color: #fff; }
.Recharge .foot_right span { font-size: 0.7rem; color: #fff; }
\ No newline at end of file
public/appapi/pay/css/reset.css 0 → 100644
/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
*/
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td,
div { /* table elements 表格元素 */
margin: 0;
padding: 0;
}
/* 内外边距不撑开盒子 */
div {box-sizing: border-box;}
input,textarea {outline: 0;border: 0;box-sizing: border-box;}
/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
/* font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */ */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }
abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}
q:before, q:after { content: ''; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* 重置 hr */
hr {
border: none;
height: 1px;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/* 根据不同的屏幕调整字体大小 */
@media only screen and (min-width: 320px) {html{font-size: 17.1px !important;}}
@media only screen and (min-width: 360px) {html{font-size: 19.2px !important;}}
@media only screen and (min-width: 375px) {html{font-size: 20px !important;}}
@media only screen and (min-width: 412px) {html{font-size: 22px !important;}}
@media only screen and (min-width: 414px) {html{font-size: 22.2px !important;}}
@media only screen and (min-width: 480px) {html{font-size: 25.6px !important;}}
@media only screen and (min-width: 640px) {html{font-size: 34.2px !important;}}
@media screen and ( min-width:750px ) {
.app{ width:750px; margin: 0 auto; }
.loading > div{ width:750px; }
html {font-size: 24px;}
}
/* 清除浮动 */
.clearfix:after{ content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both }
.clearfix{ zoom:1; }
/* 超出省略 */
.ell{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
.ell2{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; }
\ No newline at end of file
public/appapi/pay/js/layer.js 0 → 100644
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
\ No newline at end of file
public/appapi/pay/js/swiper.min.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/appapi/pay/js/swiper.min.js.map 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
public/appapi/pay/js/vue.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
themes/simplebootx/Appapi/Login/index.html
......@@ -2,11 +2,10 @@
<html lang="en">
<head>
<title>登录</title>
<tc_include file="Appapi/Public/head"/>
<link href="__PUBLIC__/appapi/css/new_Style.css" type="text/css" rel="stylesheet" />
<tc_include file="Appapi/Public/head2"/>
<style type="text/css">
html,body { width: 100%; height: 100% }
body { background: url("__PUBLIC__/appapi/img/bg.png") no-repeat; background-size: 100% 100%; overflow: hidden; }
body { background: url("__PUBLIC__/appapi/pay/img/bg.png") no-repeat; background-size: 100% 100%; overflow: hidden; }
button { border: none }
</style>
</head>
......@@ -16,7 +15,7 @@
<div class="contentBox">
<div class="Phone_login">
<img src="__PUBLIC__/appapi/img/phone.png" >
<img src="__PUBLIC__/appapi/pay/img/phone.png" >
<p>手机号登录</p>
</div>
......
themes/simplebootx/Appapi/Public/head2.html 0 → 100644
<meta charset="UTF-8">
<!-- 使用UTF-8 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!-- 设置移动终端可视区域 -->
<meta content="telephone=no" name="format-detection">
<!-- 禁止iPhone等手机自动将数字变成可点击的拨号连接 -->
<link href="__PUBLIC__/appapi/css/reset.css" type="text/css" rel="stylesheet" />
<!-- <link href="../css/swiper.min.css" type="text/css" rel="stylesheet"> -->
<link href="__PUBLIC__/appapi/css/new_Style.css" type="text/css" rel="stylesheet" />
<link type="text/css" rel="stylesheet" href="__PUBLIC__/home/css/layer.css"/>
<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/layer/layer.js"></script>
<script src="__PUBLIC__/appapi/js/vue.js"></script>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment