绑定手机页面修改,修改密码页面修改

master
liuweiwen 5 years ago
parent 6f2ef23c7b
commit 65af73145a

@ -4,47 +4,39 @@
<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">
<form id="form" action="" method="post" onsubmit="return false" class="">
<div class="name">
<!-- 子页公共头部 -->
<div class="subpage-heard">修改密码
<a href="javascript:window.history.go(-1);" class="arrows"></a>
</div>
<div class="name-info">
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/xiugaimima.png" alt="">
<div>原始密码</div>
</div>
<input type="text" placeholder="请输入原始密码" style="padding: 0" name="old_pwd" id="old_pwd" value="">
</div>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/xiugaimima.png" alt="">
<div>新密码</div>
</div>
<input type="text" placeholder="请输入新密码" style="padding: 0" name="new_pwd" id="new_pwd" value="">
</div>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/xiugaimima.png" alt="">
<div>确认密码</div>
</div>
<input type="text" placeholder="请输入确认密码" style="padding: 0" name="com_pwd" id="com_pwd" value="">
</div>
<div class="save jssubmit">保存修改</div>
</div>
<link rel="stylesheet" type="text/css" href="__CSS__/password.css">
<style>
body {
background: white;
}
input,button{
padding: 0;
}
</style>
<div class="name">
<!-- 子页公共头部 -->
<div class="subpage-heard">修改密码
<a href="#" class="arrows"></a>
</div>
<form action="" id="form">
<div class="login-box">
<div class="login-input">
<img src="img/suo.png" alt="">
<input type="text" placeholder="请输入原始密码" name="old_pwd" id="old_pwd" value="">
</div>
</form>
</section>
</section>
<div class="login-input">
<img src="img/suo.png" alt="">
<input type="password" placeholder="请输入新密码" name="new_pwd" id="new_pwd" value="">
</div>
<div class="login-input">
<img src="img/suo.png" alt="">
<input type="password" placeholder="请输入新密码" name="com_pwd" id="com_pwd" value="">
</div>
<div class="login-btn jssubmit">提交</div>
</div>
</form>
</div>
<div class="popmsg pop-dialog"></div>
<script src="__JS__/pop.lwx.min.js"></script>
<script>

@ -4,58 +4,40 @@
<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__/remove.css">
<style>
body {
background: white;
}
input,button{
padding: 0;
}
</style>
<div class="name">
<!-- 子页公共头部 -->
<div class="subpage-heard"><empty name="user.phone">绑定手机<else/>解除绑定</empty>
<a href="javascript:window.history.go(-1);" class="arrows"></a>
</div>
<div class="remove-info">
<form id='form' action="" method="post" class="">
<?php if(!empty($user['phone'])){ ?>
<div class="remove-input">
<div class="remove-inputBox">
<img src="__IMG__/shoujibangding.png" alt="">
<div>手机号</div>
<form action="">
<div class="login-box">
<?php if(!empty($user['phone'])){ ?>
<div class="login-input">
<img src="__IMG__/shouji.png" alt="">
<input style="color: #292929" type="text" placeholder="请输入手机号" readonly style="padding: 0" name="phone" id="phone" value="{$user['phone']}">
</div>
<div style="color: #292929">{$user['phone']}</div>
<input type="hidden" name="phone" id="phone" value="{$user['phone']}">
</div>
<?php }else{ ?>
<div class="name-input">
<div class="name-inputBox">
<img src="__IMG__/shoujibangding.png" alt="">
<div>手机号</div>
<?php }else{ ?>
<div class="login-input">
<img src="__IMG__/shouji.png" alt="">
<input type="text" placeholder="请输入手机号" name="phone" id="phone" value="{$user['phone']}">
</div>
<input type="text" placeholder="请输入手机号" style="padding: 0" name="phone" id="phone" value="{$user['phone']}">
</div>
<?php }?>
<div class="remove-input">
<div class="remove-inputBox">
<img src="__IMG__/mingzibianji.png" alt="">
<div>验证码</div>
<?php }?>
<div class="login-code">
<input type="text" placeholder="请输入验证码" id="scode" name="scode" value="">
<div id="sendSafeCode">获取验证码</div>
</div>
<div class="code g-btn" id="sendSafeCode">获取验证码</div>
<div class="login-btn jssubmit">提交</div>
</div>
<div class="save jssubmit">保存修改</div>
</form>
</div>
</form>
</div>
<div class="popmsg pop-dialog"></div>

@ -0,0 +1,95 @@
.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;
}

@ -1,61 +1,95 @@
.remove-info{
.loginPhTwo{
width: 100%;
font-family:PingFang SC;
}
.remove-input {
padding: 0.15rem 0.3rem;
.login-box{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #F5F5F5;
height: 0.78rem;
font-size: 0.28rem;
justify-content: center;
}
.remove-inputBox {
.login-input{
margin-top: 0.6rem;
width: 5.5rem;
height: 0.8rem;
display: flex;
align-items: center;
font-size:0.28rem;
font-family:PingFang SC;
font-weight:500;
color:rgba(41,41,41,1)
justify-content: center;
background:rgba(245,245,245,1);
border-radius:0.4rem;
}
.remove-inputBox>img{
width: 0.3rem;
height: 0.3rem;
margin-right: 0.23rem;
.login-input>img{
width: 0.42rem;
height: 0.42rem;
}
.remove-inputBox>input{
width: 1.8rem;
height: 0.5rem;
.login-input>input{
font-size: 0.28rem;
border: 0;
outline: 0;
padding: 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;
margin-left: 0.33rem;
}
.code{
width:1.84rem;
height:0.6rem;
background:rgba(33,177,235,1);
border-radius:0.3rem;
font-size:0.28rem;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
text-align: center;
line-height: 0.6rem;
border: 0;
outline: 0;
}
.login-code>input::placeholder{
text-align: center;
color: #A9A9A9;
}
.save{
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);
.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;
margin: 0.3rem auto 0 auto;
margin-bottom: 10px;
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;
}
Loading…
Cancel
Save