Commit 534a570c by 冷斌

fix bug

parent 3b1be655
/* 顶部导航栏 */
.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
/*
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
/*! 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
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -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>
......
<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