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

实名认证样式修改

Browse Source
master
chenzhi 5 years ago
parent 84d55a687f
commit 25313a0fb1
4 changed files with 182 additions and 59 deletions
Show Stats Download Patch File Download Diff File

101
Application/Mobile/View/User/userauth.html
Unescape Escape View File

@ -1,12 +1,18 @@
<extend name="Public/bases" />
<block name="body" >
<link href="__CSS__/user.css" rel="stylesheet" >
<script src="__JS__/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="__JS__/getRem.js"></script>
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
<link rel="stylesheet" type="text/css" href="__CSS__/name.css">
<section class="trunker">
<section class="container">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="__CSS__/user.css" rel="stylesheet" >
<script src="__JS__/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="__JS__/getRem.js"></script>
<link rel="stylesheet" type="text/css" href="__CSS__/reset.css">
<link rel="stylesheet" type="text/css" href="__CSS__/name.css">
<link rel="stylesheet" type="text/css" href="__CSS__/common-cz.css">
<title>万盟天下</title>
</head>
<body>
<form id="form" action="" method="post" onsubmit="return false" class="">
<div class="name">
<!-- 子页公共头部 -->
@ -14,59 +20,39 @@
<a href="javascript:window.history.go(-1);" class="arrows"></a>
</div>
<?php if(empty($user['real_name'])){ ?>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/shimingrenzhengmoren.png" alt="">
<div>真实姓名</div>
</div>
<input type="text" placeholder="请输入真实姓名" style="padding: 0;color: #292929" name="real_name" id="real_name" value="">
</div>
<?php }else{ ?>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/shimingrenzhengmoren.png" alt="">
<div>真实姓名</div>
<if condition="$user.age_status eq 0">
<div class="login-box">
<div class="login-input">
<img src="__IMG__/user/mingzibianji2.png" alt="">
<input id="real_name" type="text" placeholder="请输入真实姓名">
</div>
<div class="login-input">
<img src="__IMG__/user/shimingrenzhengmoren2.png" alt="">
<input id="idcard" type="text" placeholder="请输入身份证号码">
</div>
<button class="login-btn jssubmit">提交</button>
</div>
<else />
<div class="remove-info">
<div class="remove-title">您已进行过实名认证</div>
<div class="remove-input">
<div>真实姓名：{$user['real_name']}</div>
<div>身份证号：{$user['idcard']}</div>
</div>
<div class="save back">返回个人中心</div>
</div>
<input type="text" placeholder="请输入真实姓名" style="padding: 0;color: #292929;" readonly name="real_name" id="real_name" value="{$user['real_name']}">
</div>
<?php }?>
<?php if(empty($user['idcard'])){ ?>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/haoma.png" alt="">
<div>证件号码</div>
</div>
<input type="text" placeholder="请输入证件号码" style="padding: 0;color: #292929" name="idcard" id="idcard" value="">
</div>
<div class="save jssubmit">提交</div>
<?php }else{ ?>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/haoma.png" alt="">
<div>证件号码</div>
</div>
<input type="text" placeholder="请输入证件号码" style="padding: 0" name="idcard" id="idcard" readonly value="{$user['idcard']}">
</div>
<div class="save back" >返回</div>
<?php }?>
</div>
</if>
</div>
</form>
</section>
</section>
<style>
.pop-dialog span{
top:35%;
top:25%;
line-height: 1.5;
max-width: 3rem;
padding: 10px;
font-size: .32rem;
}
</style>
<div class="popmsg pop-dialog"></div>
@ -84,26 +70,22 @@
if(real_name == ""){
pmsg.msg("请输入真实姓名");
$('#real_name').focus();
return false;
}
if(idcard.length == 0){
pmsg.msg("身份证号码不能为空");
$('#idcard').focus();
return false;
}
if(real_name.length <2){
pmsg.msg("真实姓名必须大于两个字");
$('#real_name').focus();
return false;
}
var reg = /^[\u4E00-\u9FA5]+$/;
if(reg.test(real_name) == false){
pmsg.msg("输入姓名不合法");
$('#real_name').focus();
return false;
}
@ -111,7 +93,10 @@
cache:true,
type:'post',
url:"{:U('User/userauth')}",
data:$('#form').serialize(),
data:{
"idcard":idcard,
"real_name":real_name
},
dataType:'json',
success:function(result){
pmsg.msg(result.info);
@ -130,4 +115,4 @@
});
</script>
</block>
</body>

140
Public/Mobile/css/name.css
Unescape Escape View File

@ -45,4 +45,142 @@
line-height: 0.8rem;
text-align: center;
margin: 0.3rem auto 0 auto;
}
}
.remove-info{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
font-family:PingFang SC;
}
.remove-title{
margin-top: 1.2rem;
font-size:0.4rem;
font-weight:500;
color:rgba(33,177,235,1);
}
.remove-input {
width: 3.6rem;
height: 0.78rem;
font-size: 0.28rem;
margin-top: 0.52rem;
color: #292929;
font-size: 0.24rem;
font-weight: 400;
}
.remove-input>div:last-child{
margin-top: 0.28rem;
}
.save{
margin-top: 1.2rem;
width:5rem;
height:0.8rem;
background:rgba(33,177,235,1);
border-radius:0.4rem;
font-size:0.32rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(255,255,255,1);
line-height: 0.8rem;
text-align: center;
}
.loginPhTwo{
width: 100%;
font-family:PingFang SC;
}
.login-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.login-input{
margin-top: 0.6rem;
width: 5.5rem;
height: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
background:rgba(245,245,245,1);
border-radius:0.4rem;
}
.login-input>img{
width: 0.42rem;
height: 0.42rem;
}
.login-input>input{
font-size: 0.28rem;
border: 0;
outline: 0;
height: 0.6rem;
width: 4rem;
margin-left: 0.16rem;
background-color: rgba(245,245,245,1);
}
.login-input>input::placeholder{
color: #A9A9A9;
}
.login-code{
margin-top: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
}
.login-code>input{
width: 3rem;
height: 0.8rem;
background-color: #F5F5F5;
border-radius: 0.4rem;
font-size: 0.28rem;
text-align: center;
border: 0;
outline: 0;
}
.login-code>input::placeholder{
text-align: center;
color: #A9A9A9;
}
.login-code>div{
width: 2.3rem;
height: 0.8rem;
background-color: #389AED;
font-size: 0.28rem;
color: #FFFFFF;
border-radius: 0.4rem;
margin-left: 0.2rem;
text-align: center;
line-height: 0.8rem;
}
.login-btn{
margin-top: 0.6rem;
width: 5.5rem;
height: 0.8rem;
background-color: #389AED;
border-radius: 0.4rem;
font-size: 0.32rem;
color: #fff;
text-align: center;
line-height: 0.8rem;
outline: 0;
border: 0;
}
.forget-text{
font-size: 0.24rem;
color: #292929;
margin-top: 0.3rem;
font-weight: 400;
text-align: center;
line-height: 0.4rem;
}
.forget-text a{
color: #389AED;
font-size: 0.24rem;
font-weight: 400;
margin-left: 0.1rem;
cursor: pointer;
}

BIN
Public/Mobile/images/user/mingzibianji2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 981 B

BIN
Public/Mobile/images/user/shimingrenzhengmoren2.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

Write Preview
Loading…
Cancel
Save