133 lines
7.7 KiB
HTML
133 lines
7.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<title>入口</title>
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
<meta name="description" content="">
|
|
<meta name="renderer" content="webkit">
|
|
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
|
|
<style type="text/css"> *{margin: 0; padding: 0;} :not(input) {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } img {width: 100%; height: auto; width:auto\9; -ms-interpolation-mode:bicubic; } a {text-decoration:none; color: #555;} a:hover,a:active{color:#6DD1C1; text-decoration:none;} body{background: #000;} .clearfix{zoom:1;} .clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;} .landscape .vertical{display: none;} .portrait .horizontal{display: none;} .main{height: 100vh; width: 100vw; background: url({$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/bg.jpg) no-repeat #030203; -webkit-background-size: cover; background-size: cover; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: fixed; top: 0; left: 0;} /*竖屏*/ .vertical .title{display: block; width:100%; height: 11vh; font-size: 18px; color: #ffce61; text-align: center; line-height: 11vh; background: rgba(0,0,0,0.5); margin-bottom: 5vh; } .vertical .list{display: block; width:90vw; margin: 2vh auto; text-align: center; } .vertical .button{width:80vw; display: block; margin: 0 auto; margin-top: 2vh; margin-bottom: 1vh; } /*横屏*/ .main.horizontal{background-image: url({$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/bg2.png); } .horizontal .title{display: block; width:100%; height: 13vh; font-size: 18px; color: #ffce61; text-align: center; line-height: 13vh; background: rgba(0,0,0,0.5); margin-bottom: 3vh; } .horizontal .box{width: 85vw; margin: 0 auto; } .horizontal .box .item{float: left; width:50%; padding:1.5vw; box-sizing: border-box; } .horizontal .textbox{width:82vw; margin: 0 auto; position: relative; } .horizontal .down{color: #edcd96;font-size: 14px; height: 30px; line-height: 30px; position: absolute; left: 0; top: 50%; margin-top: -18px; } .horizontal .button{width:25vw; float: right; } /*伪装页样式*/ input,img,select,button {vertical-align:middle; border:none; text-decoration: none; outline:none;} button {cursor: pointer;} input::-moz-focus-inner { border: 0; padding: 0;} .disguise{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background-repeat: no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-color: #000; } .portrait .disguise{background-image: url({$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/ent_bg1.jpg); } .landscape .disguise{background-image: url({$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/ent_bg2.jpg); } .disguise .box{background: #fff; width: 50vw; max-width: 300px; padding: 4vw; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -55%); } .portrait .disguise .box{background: #fff; width: 70vw; padding: 5vw; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -55%); } .disguise .box .title{text-align: center; padding-bottom: 5px; } .disguise .item{border: 1px solid #ccc; width: 90%; margin: 3vw auto; height: 40px; padding-left: 40px; box-sizing: border-box; position: relative; } .disguise .item .icon{position: absolute; left: 0; top: -1px; width: 40px; height: 40px; background:url({$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/password.png) center center no-repeat; -webkit-background-size: 20px; background-size: 20px; } .disguise .item input{height:38px;min-width:120px;z-index: 999; position: relative;line-height: 38px; width: 100%; display: block; background: none; } .disguise .login-btn{width: 90%; margin: 0 auto; display: block; height: 40px; font-weight: bold; background: #44bdf4; color: #fff; margin-top: 25px; } </style>
|
|
<script src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/js/jquery-2.1.0.min.js"></script>
|
|
</head>
|
|
<body class="landscape">
|
|
<section class="disguise" id="disguise">
|
|
<div class="box">
|
|
<h3 class="title">視頻會議登錄</h3>
|
|
<div class="item name">
|
|
<i class="icon "></i>
|
|
<input id="code" type="text" value="" placeholder="请输入会议码" name="">
|
|
</div>
|
|
<button class="btn login-btn" onclick="toLogin()">登 錄</button>
|
|
</div>
|
|
</section>
|
|
<section class="main vertical">
|
|
<h1 class="title">FULL OF PEOPLE</h1>
|
|
<a class="list" href="https://s.fullofpeople.org/"><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/vertical_bg.png"></a>
|
|
<a class="list" href="https://h.fullofpeople.org/"><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/horizontal_bg.png"></a>
|
|
<a class="button" href="#" ><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/button.png"></a>
|
|
<p style="color: #fff;font-size: 12px;padding-top:2vh">©2023 FULL OF PEOPLE</p>
|
|
</section>
|
|
<section class="main horizontal">
|
|
<h1 class="title">FULL OF PEOPLE</h1>
|
|
<div class="box clearfix">
|
|
<a href="https://s.fullofpeople.org/" class="item"><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/vertical_bg2.png"></a>
|
|
<a href="https://h.fullofpeople.org/" class="item"><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/horizontal_bg2.png"></a>
|
|
</div>
|
|
<div class="textbox clearfix">
|
|
<a class="button" href="#" ><img src="{$Think.DISGUISE_STATIC_DOMAIN}static/disguise/img/button2.png"></a>
|
|
</div>
|
|
<p style="color: #afb2b9;font-size: 13px;padding-top:4vh">©2023 FULL OF PEOPLE</p>
|
|
</section>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
checkLogin();
|
|
Horizontal();
|
|
|
|
|
|
|
|
window.onresize = function () {
|
|
Horizontal();
|
|
}
|
|
// 判断是否横屏
|
|
function a(n, o) {
|
|
return n.className.match(new RegExp("(\\s|^)" + o + "(\\s|$)"))
|
|
}
|
|
function o(n, o) {
|
|
a(n, o) || (n.className += ""+ o)
|
|
}
|
|
function t(n, o) {
|
|
if (a(n, o)) {
|
|
var t = new RegExp("(\\s|^)" + o + "(\\s|$)");
|
|
n.className = n.className.replace(t,"")
|
|
}
|
|
}
|
|
function Horizontal() {
|
|
document.body.classList.remove("landscape");
|
|
document.body.classList.remove("portrait");
|
|
var n = window.orientation;
|
|
0 == n || 180 == n ? (t(document.body, "landscape"), o(document.body, "portrait"), sessionStorage.orientation = "portrait") : (t(document.body, "portrait"), o(document.body, "landscape"), sessionStorage.orientation = "landscape")
|
|
}
|
|
|
|
|
|
|
|
function checkLogin(){
|
|
var disguise_login=getCookie('disguise_login');
|
|
var dom=document.getElementById("disguise");
|
|
if(disguise_login){
|
|
dom.style.display="none"
|
|
}else{
|
|
dom.style.display="block"
|
|
}
|
|
}
|
|
function toLogin(){
|
|
var dom=document.getElementById("disguise");
|
|
var code=document.getElementById("code").value;
|
|
// if(code==""){
|
|
// alert("请输入会议码！")
|
|
// }else if(code=="8888"){
|
|
// dom.style.display="none"
|
|
// }else{
|
|
// alert("会议码错误")
|
|
// }
|
|
if(code==""){
|
|
alert("請輸入會議碼！");
|
|
return fasle;
|
|
}
|
|
// 发送数据给后台
|
|
var query = new Object();
|
|
query.code = code;
|
|
$.ajax({
|
|
url:'/index/do_disguise',
|
|
data:query,
|
|
type:'POST',
|
|
dataType:'JSON',
|
|
success:function(data){
|
|
if(data.code == 1){
|
|
dom.style.display="none"
|
|
}else if(data.code == 0){
|
|
alert(data.msg);
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
function getCookie(name) {
|
|
var prefix = name + "="
|
|
var start = document.cookie.indexOf(prefix)
|
|
if (start == -1) {
|
|
return null;
|
|
}
|
|
var end = document.cookie.indexOf(";", start + prefix.length)
|
|
if (end == -1) {
|
|
end = document.cookie.length;
|
|
}
|
|
var value = document.cookie.substring(start + prefix.length, end)||null
|
|
return unescape(value);
|
|
}
|
|
</script>
|
|
|
|
</body></html>
|