161 lines
5.9 KiB
HTML
161 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-cmn-Hans">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<meta name ="viewport" content ="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
|
||
<meta name="description" content="一线希望" />
|
||
<meta name="keywords" content="一线希望" />
|
||
<meta name="applicable-device" content="pc,mobile" />
|
||
<meta name="MobileOptimized" content="width" />
|
||
<meta name="HandheldFriendly" content="true" />
|
||
<meta name="robots" content="noarchive"/>
|
||
<meta name="google" value="notranslate">
|
||
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
|
||
<title>注册-一线希望</title>
|
||
<link rel="stylesheet" type="text/css" href="./css/swiper-bundle.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="./css/animate.min.css"/>
|
||
<link rel="stylesheet" type="text/css" href="./css/base.css"/>
|
||
<link rel="stylesheet" type="text/css" href="./css/style.css"/>
|
||
<script src="./js/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="./js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="./js/swiper.animate1.0.3.min.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="./js/wow.js" type="text/javascript" charset="utf-8"></script>
|
||
<script src="./js/my-site.js" type="text/javascript" charset="utf-8"></script>
|
||
</head>
|
||
<body>
|
||
<!-- 头部导航 -->
|
||
<header class="header w100">
|
||
<div class="head w1140">
|
||
<!-- logo -->
|
||
<h1 class="logo">
|
||
<a href="index.html"><img src="images/logo.png" alt="一线希望" title="一线希望"></a>
|
||
</h1>
|
||
<!-- 导航 -->
|
||
<ul class="nav">
|
||
<li class="active"><a href="solid.html">实体瘤</a></li>
|
||
<li><a href="blood.html">血液肿瘤</a></li>
|
||
<li><a href="other.html">其他</a></li>
|
||
<li><a href="operation.html">操作指南</a></li>
|
||
</ul>
|
||
<!-- 顶部右侧 -->
|
||
<div class="top-right">
|
||
<!-- 通知 -->
|
||
<div class="notice"><a href=""><img src="images/icon/icon-notice.png" alt="通知"></a><em>15</em></div>
|
||
<!-- 用户信息 -->
|
||
<div class="login-registration">
|
||
<!-- <ins><img src="images/icon/icon-user.png" alt="登录/注册"></ins> -->
|
||
<span><em><a href="login.html">登录</a>/<a href="register.html">注册</a></em></span>
|
||
<em class="icon-arrow"></em>
|
||
</div>
|
||
<!-- 快捷菜单 -->
|
||
<div class="open-more">
|
||
<a href="">个人中心</a>
|
||
<a href="">修改密码</a>
|
||
<a href="">退出登录</a>
|
||
</div>
|
||
</div>
|
||
<!-- 导航按钮 -->
|
||
<div class="nav-bg"></div>
|
||
<div class="head-btn">
|
||
<i class="bar-top"></i>
|
||
<i class="bar-cen"></i>
|
||
<i class="bar-bom"></i>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<!-- 主体内容 -->
|
||
<div class="main login-main w1140 wow fadeInUp">
|
||
<div class="login">
|
||
<div class="login-txt wow fadeInUp">
|
||
<h1>欢迎注册</h1>
|
||
<span>已有账号？<a href="login.html">登录</a></span>
|
||
<ul class="login-information register-information">
|
||
<li>
|
||
<span>手机号</span>
|
||
<input type="text" name="uname" placeholder="">
|
||
</li>
|
||
<li>
|
||
<span>手机验证码</span>
|
||
<section>
|
||
<input type="text" name="uname" placeholder="">
|
||
<button class="code-btn" id="btnSendCode">获取手机验证码</button>
|
||
</section>
|
||
</li>
|
||
<li>
|
||
<span>密码</span>
|
||
<input type="txt" name="pwd" placeholder="">
|
||
</li>
|
||
</ul>
|
||
<button class="register-btn">立即注册</button>
|
||
<div class="agree register-agree">
|
||
<span><em class="agreement"></em>我已阅读并同意相关服务条款和隐私政策<ins class="icon-arrow"></ins></span>
|
||
</div>
|
||
<div class="wechat-btn-bg">
|
||
<a href="" class="wechat-btn"><img src="images/icon/icon-wechat.png" alt="微信登录"></a>
|
||
</div>
|
||
</div>
|
||
<div class="login-img wow fadeInUp">
|
||
<img src="images/login.jpg" alt="登录">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 尾部 -->
|
||
<div class="footer w100 wow fadeInUp" data-wow-duration=".8s" data-wow-delay="0">
|
||
<div class="foot w1140 wow fadeInUp">
|
||
<div class="foot-nav">
|
||
<a href="agreement.html">合作协议</a><a href="about.html">关于我们</a><a href="feedback.html">意见反馈</a>
|
||
</div>
|
||
<div class="foot-record">Copyright© xxxxxxxxx.com All rights reserved<a href="https://beian.miit.gov.cn">蜀ICP备11111111号-2</a>技术支持：<a href="">大向天成</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 提示框 -->
|
||
<div class="tips-box"><span></span><p></p></div>
|
||
</body>
|
||
<script type="text/javascript">
|
||
var InterValObj; //timer变量，控制时间
|
||
var count = 60; //间隔函数，1秒执行
|
||
var curCount = 60;//当前剩余秒数
|
||
var code = ""; //验证码
|
||
var codeLength = 6;//验证码长度
|
||
|
||
$('#btnSendCode').click(function(){
|
||
curCount = count;
|
||
|
||
// var dealType; //验证方式
|
||
// var uid=$("#uid").val();//用户uid
|
||
// if ($("#phone").attr("checked") == true) {
|
||
// dealType = "phone";
|
||
// }
|
||
// else {
|
||
// dealType = "email";
|
||
// }
|
||
// //产生验证码
|
||
// for (var i = 0; i < codeLength; i++) {
|
||
// code += parseInt(Math.random() * 9).toString();
|
||
// }
|
||
|
||
//设置button效果，开始计时
|
||
$("#btnSendCode").attr("disabled", "true");
|
||
$("#btnSendCode").text(curCount + "秒后重新获取");
|
||
InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
|
||
});
|
||
|
||
//timer处理函数
|
||
function SetRemainTime() {
|
||
if (curCount == 1) {
|
||
window.clearInterval(InterValObj);//停止计时器
|
||
$("#btnSendCode").removeAttr("disabled");//启用按钮
|
||
$("#btnSendCode").text("重新发送验证码");
|
||
code = ""; //清除验证码。如果不清除，过时间后，输入收到的验证码依然有效
|
||
} else {
|
||
curCount--;
|
||
$("#btnSendCode").text(curCount + "秒后重新获取");
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</html>
|