lixin-web
Version:
vue and bootstrap
385 lines (346 loc) • 18 kB
HTML
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
<title>登录</title>
<!-- 引用样式文件开始 -->
<link rel="stylesheet" type="text/css" href="/css/common-all-plugin.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/login.css">
<!-- 引用样式文件结束 -->
<!-- 引用脚本文件开始-->
<script type="text/javascript" src="/config.js"></script>
<script >include('/common-all-plugin-01.js');</script>
<script >include('/app.js');</script>
<!-- 引用脚本文件结束-->
<script>
if (AppData.isLogin()) {
window.location.href ='/index.html';
}
</script>
<style>
#light-loader{position: absolute;top: -120px;bottom: 0;left: 0;right: 0;margin: auto;z-index: 1000;display:none}
#loaded{display: none;color: #fff;position: absolute;left: 0;top: 220px;text-align: center; color: white;width: 312px;margin: auto;right: 0;}
/* .form-group.googeltest{display:none} */
</style>
</head>
<body>
<img src="" alt="" id="rainyDay" width="100%" height="100%" />
<div class="menu01"></div><script type="text/javascript">load(); </script>
<div class="login1 line-test">
<div class="login1-2">
<i></i>
<p class="p">线路检测</p>
</div>
<div class="erwema list bounceInUp animated">
<ul>
<li><span class="mb"><b class="speed hr4g">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
<li><span class="mb"><b class="speed">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
<li><span class="mb co"><b class="speed">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
<li><span class="mb"><b class="speed">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
<li><span class="mb"><b class="speed">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
<li><span class="mb"><b class="speed">0</b>ms/秒</span><a href=""><span class="link-text"></span><span class="link">进入网站</span></a></li>
</ul>
<div class="again">
<p>如果我们的检测中心对您有帮助，请按 Ctrl+D收藏：
如果检测后不能登录请按以下方式操作：</p>
<a href="javascript:void(0)" data-command="reload">重新测速</a>
</div>
<div class="xieyi">
<p class="color">★ 打开IE浏览器:</p>
<p>打开IE浏览器，选择：工具-> Internet选项-> 在选择 (删除历史浏览记录)-> 删除-> 重启IE</p>
<p class="color">★ 如果您体验过程中出现卡顿：</p>
<p>请在您打开本界面选择其它线路看看。</br>
如果您在访问我们域名时被跳转到其它网站，那是您当地电信运营商dns被劫持，您可以通过修改电脑本地dns来解决。此处为您提供手动修改教程和自动修改软件。具体：</br>
请点击下载：反劫持操作教程及软件</br>
也可以直接：查看网页版在线说明</p>
</div>
</div>
</div>
<div class="login1 yuming-test">
<div class="login1-2">
<i></i>
<p class="p">域名验证</p>
</div>
<div class="erwema erwema4 bounceInUp animated">
<form id="domain-form">
<div class="form-groud">
<input name="domain" type="text" class="form-control" placeholder="域名">
<input name="code" type="text" class="form-control" placeholder="验证码" style="width:157px;margin-right:10px;"><img height="35" width="144" src="/api/utils/login-security-code" />
<a href="javascript:void(0)" class="btn btn-block" data-command="verify">立刻验证</a>
<p> 当您获得利信娱乐登陆链接后，请登陆利信娱乐唯一域名验证系统进行验证域名是否属于本平台！
</p>
</div>
</form>
</div>
</div>
<div class="login1 ios-dow">
<div class="login1-2">
<i></i>
<p class="p">IOS下载</p>
</div>
<div class="erwema bounceInUp animated">
<img src="img/lixinnew/er.png">
<p>扫描二维码安装ios手机端</p>
<p class="jiaocheng">请在iPhone【设置】-->【通用】-->【设备管理】--> 找到信任证书，点击信任，到App图标，点击即可使用！</p>
</div>
</div>
<div class="login1 and-dow">
<div class="login1-2">
<i></i>
<p class="p">安卓下载</p>
</div>
<div class="erwema erwema2 bounceInUp animated">
<img src="img/lixinnew/er.png">
<p>扫描二维码安装ios手机端</p>
</div>
</div>
<div class="login1 pc-dow">
<div class="login1-2">
<a href="weblogin.html"><i></i>
<p class="p">PC下载</p>
</a>
</div>
<!-- <div class="erwema erwema3 bounceInUp animated">
<img src="img/login/cxy_03.png">
<p>我们的程序猿哥哥还在开发中</p>
</div> -->
</div>
<!-- 时钟 -->
<div class="fill">
<div class="reference"></div>
<div class="clock" id="utility-clock" style="transform: scale(0.5);">
<div class="centre">
<div class="dynamic"></div>
<div class="expand round circle-1"></div>
<div class="anchor hour">
<div class="element thin-hand"></div>
<div class="element fat-hand"></div>
</div>
<div class="anchor minute">
<div class="element thin-hand"></div>
<div class="element fat-hand minute-hand"></div>
</div>
<div class="anchor second">
<div class="element second-hand"></div>
</div>
<div class="expand round circle-2"></div>
<div class="expand round circle-3"></div>
</div>
</div>
</div>
<div id="login-form" class="login-div">
<img class="logo" style="visibility: hidden;" src="img/lixinnew/logo.png" alt="" />
<canvas id="particle"></canvas>
<div data-injection="DengLu"></div>
<ul class="row login-list">
<li class="col-xs-4" onclick="javascript:location.href='/game-aboutus.html'">
<span class="glyphicon glyphicon-check"></span>
<p><a href="/game-aboutus.html">用户协议</a></p>
</li>
<li class="col-xs-4" data-command="forget-password">
<span class="glyphicon glyphicon-lock" ></span>
<p><a >忘记密码</a></p>
</li>
<li class="col-xs-4">
<span class="glyphicon glyphicon-headphones"></span>
<p><a data-command="kefu">联系客服</a></p>
</li>
</ul>
<div class="login_dqsd">
<img src="img/login/cs.png" class="cs" alt="" />
<div class="login_dqsd-1">
<div>当前线路速度为</div>
<div><span class="login_xlpm">0</span>ms/秒</div>
</div>
</div>
<div id="loaded">已加载<span>0%</span></div>
</div>
<script >include('/common-all-plugin-02.js');</script><script >include('/common-all-plugin-03.js');</script>
<script >include('/common-all.js');</script>
<script >include('/common-manager.js');</script>
<script type="text/javascript">
var clock = document.querySelector('#utility-clock')
utilityClock(clock)
if (clock.parentNode.classList.contains('fill')) autoResize(clock, 295 + 32)
function utilityClock(container) {
var dynamic = container.querySelector('.dynamic')
var hourElement = container.querySelector('.hour')
var minuteElement = container.querySelector('.minute')
var secondElement = container.querySelector('.second')
var minute = function(n) {
return n % 5 == 0 ? minuteText(n) : minuteLine(n)
}
var minuteText = function(n) {
var element = document.createElement('div')
element.className = 'minute-text'
element.innerHTML = (n < 10 ? '0' : '') + n
position(element, n / 60, 135)
dynamic.appendChild(element)
}
var minuteLine = function(n) {
var anchor = document.createElement('div')
anchor.className = 'anchor'
var element = document.createElement('div')
element.className = 'element minute-line'
rotate(anchor, n)
anchor.appendChild(element)
dynamic.appendChild(anchor)
}
var hour = function(n) {
var element = document.createElement('div')
element.className = 'hour-text hour-' + n
element.innerHTML = n
position(element, n / 12, 105)
dynamic.appendChild(element)
}
var position = function(element, phase, r) {
var theta = phase * 2 * Math.PI
element.style.top = (-r * Math.cos(theta)).toFixed(1) + 'px'
element.style.left = (r * Math.sin(theta)).toFixed(1) + 'px'
}
var rotate = function(element, second) {
element.style.transform = element.style.webkitTransform = 'rotate(' + (second * 6) + 'deg)'
}
var animate = function() {
var now = new Date()
var time = now.getHours() * 3600 +
now.getMinutes() * 60 +
now.getSeconds() * 1 +
now.getMilliseconds() / 1000
rotate(secondElement, time)
rotate(minuteElement, time / 60)
rotate(hourElement, time / 60 / 12)
requestAnimationFrame(animate);
}
for (var i = 1; i <= 60; i ++) minute(i)
for (var i = 1; i <= 12; i ++) hour(i)
animate();
}
function autoResize(element, nativeSize) {
var update = function() {
var scale = Math.min(window.innerWidth, window.innerHeight) / nativeSize
element.style.transform = element.style.webkitTransform = 'scale(0.5)'
}
update()
window.addEventListener('resize', update)
}
</script>
<script>
$(function(){
window.onload = function() {
/* //背景随时间切换
var now = new Date();
var curr_hour = now.getHours();
if(curr_hour >= 12 && curr_hour < 19) {
document.body.style.background = 'url(../img/login/login_bg3.jpg)';
}
else if(curr_hour >= 01 && curr_hour < 07){
document.body.style.background = 'url(../img/login/login_bg2.jpg)';
}else{
document.body.style.background = 'url(../img/login/login_bg.jpg)';
} */
$('.login1-2').click(function(){
$(this).next('.erwema').toggleClass('show1');
$(this).parents('.login1').siblings().children('.erwema').removeClass('show1');
});
$('.erwema').append('<div class="login-close glyphicon glyphicon-remove"></div>');
function remainTime(){
$('.login-close').click(function(){
$('.erwema').removeClass('show1');
})
}
setTimeout(remainTime(),3000);
};
})
</script>
<script type="text/javascript" src="/plugins/official/rainyday.min.js"></script>
<script type="text/javascript" src="/plugins/official/lightLoader.min.js"></script>
<script type="text/javascript">
var Ping=function(){};Ping.prototype.ping=function(a,b,c){function d(){e&&clearTimeout(e);var a=new Date-f;"function"==typeof b&&b(a)}this.img=new Image,c=c||0;var e,f=new Date;this.img.onload=this.img.onerror=d,c&&(e=setTimeout(d,c)),this.img.src=a+"/?"+ +new Date};
</script>
<script type="text/javascript">
// $(window).load(function(){
$(function(){
$.post('/api/utils/domain-urls',{},Will.successRes(function(datas){
function line(){
var p = new Ping();
var line_list = $('.erwema.list ul li');
var array = datas;
var result = [];
for(var i = 0;i<array.length;i++){
p.ping(array[i], function(j){
return function(data) {
result.push({SuDu:data,URL:array[j]});
if(result.length==array.length){
result.sort(function(a,b){return a.SuDu-b.SuDu});
$.each(result,function(idx,ele){
line_list.eq(idx).find('.speed').html(this.SuDu);
line_list.eq(idx).find('.link-text').html(this.URL)
line_list.eq(idx).find('a').attr('href',this.URL);
});
}
}
}(i));
}
var login_link = location.href;
p.ping(login_link, function(data) {
$(".login_xlpm").html(data);
});
}
line();
$('[data-command="reload"]').click(function(){
$('.erwema.list ul li').find('.speed').html("...");
line();
});
}));
});
</script>
<script>
function animate(a){if("function"==typeof a){var b=16;ctx.clearRect(0,0,canvas.width,canvas.height),a(b),RAF(function(){animate(a)})}}function Particle(a,b,c,d,e,f,g){this.x=a,this.y=b,this.ex=c,this.ey=d,this.vx=e,this.vy=f,this.a=1500,this.color=g,this.width=particleSize_x,this.height=particleSize_y,this.stop=!1,this["static"]=!1,this.maxCheckTimes=10,this.checkLength=5,this.checkTimes=0}function useImage(){img.complete?canvasHandle.init():img.onload=function(){canvasHandle.init()}}var canvas=document.getElementById("particle"),ctx=canvas.getContext("2d");img=document.querySelector(".logo"),canvas.width=150,canvas.height=150;var mouseX=null,mouseY=null,mouseRadius=50,RAF=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(a){window.setTimeout(a,1e3/60)}}();Array.prototype.forEach2=function(a){for(var b=0;b<this.length;b++)a.call("object"==typeof this[b]?this[b]:window,b,this[b])};var particleArray=[],animateArray=[],particleSize_x=1,particleSize_y=2,canvasHandle={init:function(){img.style.visibility="hidden",this._reset(),this._initImageData(),this._execAnimate()},_reset:function(){particleArray.length=0,animateArray.length=0,this.ite=100,this.start=0,this.end=this.start+this.ite},_initImageData:function(){this.imgx=(canvas.width-img.width)/2,this.imgy=(canvas.height-img.height)/2,ctx.clearRect(0,0,canvas.width,canvas.height),ctx.drawImage(img,this.imgx,this.imgy,img.width,img.height);for(var a=ctx.getImageData(this.imgx,this.imgy,img.width,img.height),b=0;b<img.width;b+=particleSize_x)for(var c=0;c<img.height;c+=particleSize_y){var d=4*(c*a.width+b);if(a.data[d+3]>=125){var i,e="rgba("+a.data[d]+","+a.data[d+1]+","+a.data[d+2]+","+a.data[d+3]+")",f=b+20*Math.random(),g=200*-Math.random()+400,h=img.height/2-40*Math.random()+20;i=h<this.imgy+img.height/2?300*Math.random():300*-Math.random(),particleArray.push(new Particle(f+this.imgx,h+this.imgy,b+this.imgx,c+this.imgy,g,i,e)),particleArray[particleArray.length-1].drawSelf()}}},_execAnimate:function(){var a=this;particleArray.sort(function(a,b){return a.ex-b.ex}),this.isInit||(this.isInit=!0,animate(function(b){animateArray.length<particleArray.length&&(a.end>particleArray.length-1&&(a.end=particleArray.length-1),1400==a.end&&setTimeout(function(){img.style.visibility="visible",canvas.style.display="none"},1e3),animateArray=animateArray.concat(particleArray.slice(a.start,a.end)),a.start+=a.ite,a.end+=a.ite),animateArray.forEach2(function(a){this.update(b)})}))}},tickTime=16,oldColor="";Particle.prototype={constructor:Particle,drawSelf:function(){oldColor!=this.color&&(ctx.fillStyle=this.color,oldColor=this.color),ctx.fillRect(this.x-this.width/2,this.y-this.height/2,this.width,this.height)},move:function(a){if(this.stop)this.x=this.ex,this.y=this.ey;else{a/=1e3;var b=this.ex-this.x,c=this.ey-this.y,d=Math.atan(c/b),e=Math.abs(this.a*Math.cos(d));e=this.x>this.ex?-e:e;var f=Math.abs(this.a*Math.sin(d));f=this.y>this.ey?-f:f,this.vx+=e*a,this.vy+=f*a,this.vx*=.95,this.vy*=.95,this.x+=this.vx*a,this.y+=this.vy*a,Math.abs(this.x-this.ex)<=this.checkLength&&Math.abs(this.y-this.ey)<=this.checkLength?(this.checkTimes++,this.checkTimes>=this.maxCheckTimes&&(this.stop=!0)):this.checkTimes=0}},update:function(a){this.move(a),this.drawSelf()}},useImage();
</script>
<script type="text/javascript">
!function(){
var image = document.getElementById('rainyDay');
image.onload = function() {
var engine = new RainyDay({
image: this,
enableSizeChange:false
});
engine.rain([
[3, 2, 2]
], 100);
};
image.crossOrigin = 'anonymous';
image.src = 'img/login/U1Tqqdw2.jpg';
$toggleBtns = $('.check-network').find('> .pull-left:first')
.add($('.app_download-ios'))
.add($('.app_download-client'))
.add($('.host-valid'))
.click(function(e){
e.preventDefault();
var active = $(this).is('.active');
$toggleBtns.removeClass('active');
$(this)[active ? 'remove' : 'add' + 'Class']('active')
})
}()
$('[data-command="verify"]').click(function(){
Will.ajax({url:$('input[name="domain"]').val()},'/api/utils/test-domain',function(res){
if(res) Will.success('域名验证成功！');
else Will.warning('域名验证失败！');
})
});
$('[data-command="forget-password"]').click(function(){
var username = $('[name="username"]').val().trim();
if($('[name="username"]').val()=='') {
Will.warning('请填写您的用户名！');
return ;
}
WangJiMiMa('','',username);
});
$(function(){setTimeout(function(){DengLuVue.checkGuGe()},10)});
</script>
<script >include('/common-all.js');</script>
</body>
</html>