加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
Account_management.html 8.94 KB
一键复制 编辑 原始数据 按行查看 历史
czh2018 提交于 2020-08-07 11:26 . 1.0提交
<!DOCTYPE html>
<html>
<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">
<title>深圳市递送易国际物流有限公司</title>
<link rel="icon" href="images/icon.png" type="image/x-icon">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/layui.css">
<link rel="stylesheet" href="css/verify.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/Personal_center.css">
<link rel="stylesheet" type="text/css" href="css/footer.css">
<link rel="stylesheet" href="css/account_management.css">
</head>
<body>
<iframe src="top.html" marginheight="0" marginwidth="0" frameborder="0" scrolling="no" width="100%"
height="694px"></iframe>
<div id="all">
<div class="introduction container_full" id="app">
<iframe src="LeftSidebar.html" id="iframe" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"
height="910px" width="237px"></iframe>
<div id="all_right">
<div class="m_a">
<span>个人中心</span>
<span>
<span>账户管理</span>
<ul style="display: inline-block;">
<li class="breadcrumb-one">>账单信息</li>
<li class="breadcrumb-two" style="display: none;">>电子发票</li>
</ul>
</span>
</div>
<div class="border-one">
<p>账户安全</p>
</div>
<hr />
<div class="clearfix padding-one">
<div class="left">
<p>登录密码:<span>互联网账号纯在被盗风险,建议您定期更改密码以及保护账户安全</span></p>
<p>支付密码:<span>在使用账户余额支付时需要使用支付密码</span></p>
</div>
<div class="right">
<p><a href="javascript:void(0);" class="change_Password1">修改登录密码?</a></p>
<p><a href="javascript:void(0);" class="change_Password2">修改支付密码?</a></p>
</div>
</div>
<div class="clearfix margin-two" id="schedule" style="display: none;">
<hr />
<div class="step_box">
<ol class="step-wrap clearfix">
<li class="step1 gray blue">
<span class="right"></span>
<span class="number">1</span>
<span class="text">选择修改方式</span>
</li>
<li class="step2 gray" id="step2">
<span class="left"></span>
<span class="right"></span>
<span class="number">2</span>
<span class="text">重置密码</span>
</li>
<li class="step3 gray" id="step3">
<span class="left"></span>
<span class="number">3</span>
<span class="text">完成</span>
</li>
</ol>
</div>
<div class="content_1" id="content_1" style="display: none;">
<div class="clearfix">
<div class="phone_verify left">
<input type="radio" name="verify" id="verify_1" checked>
<label for="verify_1" class="radio_font">通过手机验证修改</label>
<p>已验证手机 188****5255</p>
<div class="verify_code">
<input type="text" id="code_input1" class="code_input form-control" value=""
placeholder="请输入手机短信验证码" />
<button class="get_code btn ">获取验证码</button>
</div>
</div>
<div class="e-mail_verify right">
<input type="radio" name="verify" id="verify_2">
<label for="verify_2" class="radio_font">通过原始密码修改</label>
<p>输入原始密码</p>
<p>
<input type="text" id="code_input2" class="form-control" value=""
placeholder="请输入旧密码" />
</p>
</div>
</div>
<div class="next_step">
<button id="my_button" class="next_button btn">下一步</button>
</div>
</div>
<div class="content_2" id="content_2" style="display: none;">
<div class="clearfix">
<div class="left">
<p>重置密码</p>
<input type="password" id="code_input3" class="code_input form-control" value=""
placeholder="请输入您的新密码" />
</div>
<div class="right">
<p>确认新密码</p>
<input type="password" id="code_input4" class="code_input form-control" value=""
placeholder="请再次输入您的密码" />
</div>
</div>
<div class="submit_2 submit">
<button id="submit_2" class="btn">提交</button>
</div>
</div>
<div class="content_3" id="content_3" style="display: none;">
<img src="images/login/pass.png" alt="">
<p>恭喜您~密码已重新设置,您可以使用新密码登录了~</p>
<div class="submit">
<a href="login.html"><button class="btn">完成</button></a>
</div>
</div>
</div>
<div class="account_security clearfix">
<div class="border-one">
<p>账户信息</p>
</div>
<hr />
<div class="padding-two">
<div class="clearfix width-one">
<div class="left">
<p class="line-height-one">账户余额: <span>0.00</span>
</p>
</div>
<div class="right">
<button type="button" class="btn Recharge">充值</button>
</div>
</div>
<div class="line-height-two">
<p> 使用账户余额自动支付转运费用——所有线路模式 </p>
<p> 使用账户余额自动支付转运费用——仅关税补贴模式 (可单选) </p>
<p class="margin-top-one">注:启用账户余额自动支付功能,不能使用优惠券结算付款</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="verify">
<div class="verify_bg"></div>
<div id="mpanel4"></div>
</div>
<div id="verify2" style="display: none;">
<div>
<p>当前账户金额
<sapn class="color-one">0.00</sapn>
</p>
</div>
<div class="margin-one">
<span>充值金额</span>
<input type="text" class="form-control">
<span></span>
</div>
<div>
<img src="images/pay-logo2.png" alt="">
</div>
<div class="width-two">
<button type="button" class="btn">立即支付</button>
<button type="button" class="btn btn-default">取消</button>
</div>
</div>
<div id="footer"></div>
<script src="js/footer.js"></script>
<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
<script src="js/verify.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<script src="js/layui.js"></script>
<script src="js/account_management.js"></script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化