You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
4.5 KiB
105 lines
4.5 KiB
<!DOCTYPE html> |
|
<html lang="zh-CN"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<title>Ushio Login</title> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
|
<meta name="Keywords" content="Login,ushio,iotcat,呓喵酱,yimian"> |
|
<meta name="Description" content="Login module for Ushio ecosystem."> |
|
<link rel="stylesheet" type="text/css" href="css/normalize.css" /> |
|
<link rel="stylesheet" type="text/css" href="css/background.css"> |
|
<style type="text/css"> |
|
#site-landing { |
|
position:relative; |
|
height: 100%; |
|
width: 100%; |
|
background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%); |
|
} |
|
html,body{ |
|
overflow: hidden; |
|
height: 100%; |
|
} |
|
</style> |
|
<link rel="stylesheet" href="./css/base.css"> |
|
<link rel="stylesheet" href="./css/iconfont.css"> |
|
<link rel="stylesheet" href="./css/reg.css"> |
|
<script type="text/javascript">block_aplayer = true;</script> |
|
<script src="https://cdn.yimian.xyz/ushio-js/ushio-head.min.js"></script> |
|
|
|
</head> |
|
<body> |
|
|
|
<div id="ajax-hook"></div> |
|
<div class="wrap"><div id="site-landing"></div> |
|
<div class="wpn"> |
|
<div class="form-data pos" id="box" > |
|
<a href=""><img src="./img/logo.png" class="head-logo"></a> |
|
<div class="change-login"> |
|
<p class="account_number on">邮箱登录</p> |
|
<p class="message">短信登录</p> |
|
</div> |
|
<div class="form1"> |
|
<p class="p-input pos"> |
|
<label for="num">邮箱</label> |
|
<input type="text" id="num"> |
|
<span class="tel-warn num-err hide"><em>账号或密码错误，请重新输入</em><i class="icon-warn"></i></span> |
|
</p> |
|
<p class="p-input pos"> |
|
<label for="veri-code">输入验证码</label> |
|
<input type="number" id="veri-code"> |
|
<a href="javascript:;" class="send">发送验证码</a> |
|
<span class="time hide"><em>120</em>s</span> |
|
<span class="tel-warn error hide">验证码错误</span> |
|
</p> |
|
</div> |
|
<div class="form2 hide"> |
|
<p class="p-input pos"> |
|
<label for="num2">手机号</label> |
|
<input type="number" id="num2"> |
|
<span class="tel-warn num2-err hide"><em>账号或密码错误</em><i class="icon-warn"></i></span> |
|
</p> |
|
<p class="p-input pos"> |
|
<label for="veri-code">输入验证码</label> |
|
<input type="number" id="veri-code"> |
|
<a href="javascript:;" class="send">发送验证码</a> |
|
<span class="time hide"><em>120</em>s</span> |
|
<span class="tel-warn error hide">验证码错误</span> |
|
</p> |
|
</div> |
|
<div class="reg_checkboxline pos"> |
|
<span class="z"><i class="icon-ok-sign boxcol" nullmsg="请同意!"></i></span> |
|
<input type="hidden" name="agree" value="1"> |
|
<div class="Validform_checktip"></div> |
|
<p>我已阅读并接受 <a href="#" target="_brack">《XXXX协议说明》</a></p> |
|
</div> |
|
<!--<div class="r-forget cl"> |
|
<a href="./reg.html" class="z">账号注册</a> |
|
<a href="./getpass.html" class="y">忘记密码</a> |
|
</div>--> |
|
|
|
<button class="lang-btn off log-btn">登录</button> |
|
<!--<div class="third-party"> |
|
<a href="#" class="log-qq icon-qq-round"></a> |
|
<a href="#" class="log-qq icon-weixin"></a> |
|
<a href="#" class="log-qq icon-sina1"></a> |
|
</div>--> |
|
<p class="right">© 2018-<script type="text/javascript">document.write(new Date().getFullYear())</script> <a href="https://iotcat.me">iotcat</a> | Powered by <a href="https://ushio.cool">Ushio</a></p> |
|
</div> |
|
</div> |
|
</div> |
|
<script type="text/javascript"> |
|
/* 窄屏缩小框 */ |
|
$(function(){ |
|
if($(window).width() < 400){ |
|
document.body.style.zoom="0.8"; |
|
$('#site-landing').css('height', '150%'); |
|
} |
|
}); |
|
</script> |
|
<script type="text/javascript" src="js/polygonizr.min.js"></script> |
|
<script type="text/javascript">$('#site-landing').polygonizr();</script> |
|
<script src="./js/agree.js"></script> |
|
<script src="./js/login.js"></script> |
|
<script type="text/javascript" src="https://cdn.yimian.xyz/ushio-js/ushio-footer.min.js"></script> |
|
</body> |
|
</html> |