194 lines
6.6 KiB
Plaintext
194 lines
6.6 KiB
Plaintext
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %>
|
||
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
|
||
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>Flycan_ERP</title>
|
||
<link rel="stylesheet" href="layui/css/layui.css" media="all"/>
|
||
<link rel="stylesheet" href="Css/login.css" media="all"/>
|
||
<script src="Jquery-ui/js/jquery-1.10.2.js" type="text/javascript"></script>
|
||
<style>
|
||
/* 覆盖原框架样式 */
|
||
.layui-elem-quote{background-color: inherit!important;}
|
||
.layui-input, .layui-select, .layui-textarea{background-color: inherit; padding-left: 30px;}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="layui-layout">
|
||
|
||
<div class="layui-body" style="left: 0px">
|
||
<div class="layui-col-md12 layui-col-md12">
|
||
<div class="layui-carousel zyl_login_height" id="zyllogin" lay-filter="zyllogin">
|
||
<div carousel-item="">
|
||
<div>
|
||
<div class="zyl_login_cont"></div>
|
||
</div>
|
||
<%--<div>
|
||
<img src="img/carousel/01.jpg" />
|
||
</div>--%>
|
||
<div>
|
||
<div class="background">
|
||
<span></span><span></span><span></span>
|
||
<span></span><span></span><span></span>
|
||
<span></span><span></span><span></span>
|
||
<span></span><span></span><span></span>
|
||
</div>
|
||
</div>
|
||
<%--<div>
|
||
<img src="img/carousel/03.jpg" />
|
||
</div>--%>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Carousel End -->
|
||
|
||
<!-- Footer -->
|
||
<div class="layui-footer layui-col-md12" style="position:absolute;bottom:0px;text-align:center;">
|
||
<div class="layui-col-sm12 layui-col-md12 zyl_center zyl_mar_01">
|
||
版权所有©Flycan_ERP
|
||
</div>
|
||
</div>
|
||
<!-- Footer End -->
|
||
|
||
|
||
</div>
|
||
|
||
<!-- LoginForm -->
|
||
<div class="zyl_lofo_main">
|
||
<fieldset class="layui-elem-field layui-field-title zyl_mar_02">
|
||
<legend id="dlbdtitle" runat="server" style="text-align:center;margin-left:0px;"></legend>
|
||
</fieldset>
|
||
<div class="layui-row layui-col-space15">
|
||
<form class="layui-form zyl_pad_01" runat="server" action="">
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<input type="text" name="userName" lay-verify="required|userName" autocomplete="off" placeholder="账号" class="layui-input" id="dlzhanghao" runat="server"/>
|
||
<i class="layui-icon layui-icon-username zyl_lofo_icon"></i>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-form-item">
|
||
<input type="password" name="nuse" lay-verify="required|pass" autocomplete="off" id="dlmima" runat="server" placeholder="密码" class="layui-input" />
|
||
<i class="layui-icon layui-icon-password zyl_lofo_icon"></i>
|
||
</div>
|
||
</div>
|
||
<!--
|
||
<div class="layui-col-sm12 layui-col-md12">
|
||
<div class="layui-row">
|
||
<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
|
||
<div class="layui-form-item">
|
||
<input type="text" name="vercode" id="vercode" lay-verify="required|vercodes" autocomplete="off" placeholder="验证码" class="layui-input" maxlength="4">
|
||
<i class="layui-icon layui-icon-vercode zyl_lofo_icon"></i>
|
||
</div>
|
||
</div>
|
||
<div class="layui-col-xs4 layui-col-sm4 layui-col-md4">
|
||
<div class="zyl_lofo_vercode zylVerCode" onclick="zylVerCode()"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
<div class="layui-col-sm12 layui-col-md12 layui-footer">
|
||
<button class="layui-btn layui-btn-fluid" lay-submit="" lay-filter="demo1">立即登录</button>
|
||
<asp:Label ID="rx_error" CssClass="error" runat="server"></asp:Label>
|
||
</div>
|
||
<div class="layui-col-md12 layui-col-md12 layui-footer" style="text-align:center;padding:10px;">
|
||
版权所有©Flycan_ERP
|
||
</div>
|
||
|
||
<span style=" display:none"> <asp:button id="bcdl" runat="server" onclick="bt_tj_Click" ></asp:button> </span>
|
||
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- LoginForm End -->
|
||
|
||
|
||
<!-- Jquery Js -->
|
||
<script type="text/javascript" src="js/jquery.min.js"></script>
|
||
<!-- Layui Js -->
|
||
<script type="text/javascript" src="layui/layui.js"></script>
|
||
<!-- Jqarticle Js -->
|
||
<script type="text/javascript" src="assembly/jqarticle/jparticle.min.js"></script>
|
||
<!-- ZylVerificationCode Js-->
|
||
<script type="text/javascript" src="assembly/zylVerificationCode/zylVerificationCode.js"></script>
|
||
<script>
|
||
layui.use(['carousel', 'form'], function(){
|
||
var carousel = layui.carousel
|
||
,form = layui.form;
|
||
|
||
//自定义验证规则
|
||
form.verify({
|
||
userName: function(value){
|
||
if(value.length <3){
|
||
return '账号至少得3个字符';
|
||
}
|
||
}
|
||
,pass: [/^[\S]{2,12}$/,'密码必须6到12位，且不能出现空格']
|
||
,vercodes: function(value){
|
||
//获取验证码
|
||
//var zylVerCode = $(".zylVerCode").html();
|
||
//if(value!=zylVerCode){
|
||
// return '验证码错误（区分大小写）';
|
||
//}
|
||
}
|
||
,content: function(value){
|
||
layedit.sync(editIndex);
|
||
}
|
||
});
|
||
|
||
//监听提交
|
||
form.on('submit(demo1)', function(data){
|
||
$("#<%=bcdl.ClientID%>").click();
|
||
return false;
|
||
});
|
||
|
||
|
||
//设置轮播主体高度
|
||
var zyl_login_height = $(window).height();
|
||
var zyl_car_height = $(".zyl_login_height").css("cssText","height:" + zyl_login_height + "px!important");
|
||
|
||
|
||
//Login轮播主体
|
||
carousel.render({
|
||
elem: '#zyllogin'//指向容器选择器
|
||
,width: '100%' //设置容器宽度
|
||
,height:'zyl_car_height'
|
||
,arrow: 'always' //始终显示箭头
|
||
,anim: 'fade' //切换动画方式
|
||
,autoplay: true //是否自动切换false true
|
||
,arrow: 'hover' //切换箭头默认显示状态||不显示：none||悬停显示：hover||始终显示：always
|
||
,indicator: 'none' //指示器位置||外部：outside||内部：inside||不显示：none
|
||
,interval: '5000' //自动切换时间:单位：ms（毫秒）
|
||
});
|
||
|
||
//监听轮播--案例暂未使用
|
||
carousel.on('change(zyllogin)', function(obj){
|
||
var loginCarousel = obj.index;
|
||
});
|
||
|
||
//粒子线条
|
||
$(".zyl_login_cont").jParticle({
|
||
background: "#09C",//背景颜色
|
||
color: "#fff",//粒子和连线的颜色
|
||
particlesNumber:100,//粒子数量
|
||
//disableLinks:true,//禁止粒子间连线
|
||
//disableMouse:true,//禁止粒子间连线(鼠标)
|
||
particle: {
|
||
minSize: 1,//最小粒子
|
||
maxSize: 3,//最大粒子
|
||
speed: 30,//粒子的动画速度
|
||
}
|
||
});
|
||
|
||
});
|
||
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|