init: 从宝塔同步到 Gitea
This commit is contained in:
root
@@ -0,0 +1,152 @@
|
||||
body{ color:#333; font-size:13px;}
|
||||
input,select,textarea{color:#333;}
|
||||
/*.bg{ width:100%; height:100%; position:absolute; background:url(../images/bg.jpg);background-repeat:no-repeat;background-size:100% 100%;}*/
|
||||
.bg{background-color: #004085}
|
||||
.panel{background:#fff; width:1650px !important; margin:0 auto;}
|
||||
form .form-group:last-child{padding-bottom:0;}
|
||||
.passcode{position:absolute;right:0;bottom:0;height:32px;margin:1px;border-left:solid 1px #ddd;text-align:center;line-height:32px;border-radius:0 4px 4px 0;}
|
||||
ul,li{ list-style-type:none;}
|
||||
|
||||
.lefter{position:relative;float:left;width:180px;margin-right:-180px;background:#e6f2fb;text-align:center;}
|
||||
.righter{float:right;width:100%;padding-top:15px;background:#e6f2fb;}
|
||||
.mainer{margin-left:180px;}
|
||||
.field-icon-right .icon{ bottom:0px; top:auto}
|
||||
.logo{ float:left; color:#FFF; margin-top:10px; line-height:45px;}
|
||||
.logo img{ float:left; margin-right:10px;}
|
||||
/********头部******/
|
||||
/*.header{height:70px; overflow:hidden; background:url(../images/bg.jpg) no-repeat 0 -1000px; }*/
|
||||
.header{height:70px; overflow:hidden; background:#b0d7e6; }
|
||||
.head-l{ float:left; margin-top:17px; margin-left:15px; }
|
||||
.head-l .button{ padding:8px 15px;}
|
||||
.head-l .bg-blue:hover{ background-color:#03b6fd;}
|
||||
.leftnav{width:180px; height:100%; position:fixed; top:70px; left:0px;}
|
||||
.leftnav-title { height:50px; background:url(../images/bg.jpg) no-repeat 0 -1000px; color:#FFF; padding-left:22px; font-size:14px; line-height:50px;}
|
||||
.leftnav-title span{ margin-right:10px;}
|
||||
.leftnav h2{ padding:10px 0 10px 22px; transition:all .1s ease-in-out; display:block; cursor:pointer; font-weight:bold; font-size:14px; border-top:1px solid #b5cfd9;}
|
||||
.leftnav h2.on{ color:#09c;}
|
||||
.leftnav .border-bottom{ border-bottom:1px solid #b5cfd9;}
|
||||
.leftnav h2 span{ margin-right:10px;}
|
||||
.leftnav h2:hover{ color:#09c;}
|
||||
.leftnav ul {display:none; border-top:1px solid #b5cfd9; padding:5px 0; opacity:1;}
|
||||
.leftnav ul li{ list-style-type:none; }
|
||||
.leftnav ul li a{ display:block;padding-left:30px;line-height:30px; }
|
||||
.leftnav ul li span{ margin-right:8px;}
|
||||
.leftnav ul li a:hover,.leftnav ul li a.on{ color:#09c;}
|
||||
|
||||
/***主要内容***/
|
||||
.admin{background:#fff;position:fixed;border-left:solid 1px #b5cfd9;right:0;bottom:0;top:110px;left:180px; padding:15px; padding-right:0px; padding-bottom:0px; overflow:auto; border-top:1px solid #b5cfd9; padding-right:15px;}
|
||||
.content{width:100%;}
|
||||
.body-content{padding:20px 0; overflow:hidden;}
|
||||
.content .title{ border-bottom:1px solid #dfdfdf; line-height:35px; font-size:14px; font-weight:bold; color:#09c}
|
||||
.form-x .form-group .label{ width:10%;}
|
||||
.form-x .form-button { margin-left:10%;}
|
||||
.w50 { width:25%; float:left;}
|
||||
.w15 { width:15%; float:left;}
|
||||
.form-x .tipss{ float:left; padding-left:10px; color:#888; line-height:42px;}
|
||||
.input-help { float:left; line-height:30px;}
|
||||
.input-help li{ float:left;margin-left:10px;}
|
||||
.bread{ margin-left:190px; margin-top:4px;}
|
||||
.bread li{ float:left;}
|
||||
.label label{ font-weight:normal; color:#333;}
|
||||
.form-group{ margin-bottom:12px;}
|
||||
.button{ /*padding:10px 15px;*/}
|
||||
.form-group .field .file{ background:#FFF; border:0px;}
|
||||
.form-group .field input[type=radio]{ vertical-align:middle; line-height:35px; margin-right:5px;}
|
||||
.form-group .radio { line-height:35px;}
|
||||
.table th{ text-align:center;}
|
||||
.table td { vertical-align:middle;}
|
||||
.tip img{width:100px; height:100px;}
|
||||
.clear{ clear:both; overflow:hidden;}
|
||||
.pagelist {padding:10px 0; text-align:center;}
|
||||
.pagelist span,.pagelist a{ border-radius:3px; border:1px solid #dfdfdf;display:inline-block; padding:5px 12px;}
|
||||
.pagelist a{ margin:0 3px;}
|
||||
.pagelist span.current{ background:#09F; color:#FFF; border-color:#09F; margin:0 2px;}
|
||||
.pagelist a:hover{background:#09F; color:#FFF; border-color:#09F; }
|
||||
.pagelist label{ padding-left:15px; color:#999;}
|
||||
.pagelist label b{color:red; font-weight:normal; margin:0 3px;}
|
||||
|
||||
.search{ overflow:hidden;}
|
||||
.search li{float:left; margin-right:15px; line-height:35px;}
|
||||
|
||||
.button.bg-main.icon-check-square-o{ padding:10px 30px;}
|
||||
.button.bg-main.icon-check-square-o:hover{ background:#08bbe1;}
|
||||
input[type="checkbox"], input[type="radio"]{ width:15px; height:15px; vertical-align:-3px; margin-right:5px;}
|
||||
|
||||
textarea[name=content]{width:100%; height:500px; border:1px solid #ddd; border-radius:3px; -webkit-border-radius:3px;}
|
||||
|
||||
|
||||
/***自定义样式***/
|
||||
.search-dl{overflow:hidden;}
|
||||
.search-dl dt{font-weight:normal;}
|
||||
.search-dl dd{padding:0; float:left;}
|
||||
.collect{width:750px;}
|
||||
.collect td{width:250px; padding:8px 0; text-align:left; font-size:14px;}
|
||||
.white_content {display: none; position: absolute; top: 100px; left: 20%; border-bottom: 26px solid #B6A7AC; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: white; z-index:1; overflow: auto; }
|
||||
.input_title{background-color: #B6A7AC; font-size: 16px; padding: 5px 0 5px 5px; color: #fff; }
|
||||
.ul_input .alert-form-input{width: 170px; padding:3px;}
|
||||
.text_input{padding-left: 15px; }
|
||||
.li_input{padding-top: 12px; padding-left: 40px;; }
|
||||
.li_button{overflow:hidden; text-align:center; margin-top:20px;}
|
||||
.input_button{display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #1E9FFF; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer;} #sectiontablesqx span{display:inline-block; width: 30%;}
|
||||
.time-btn a{display:inline-block; padding:0px 20px; border:1px solid #ddd; line-height:26px; margin-right:2px;}
|
||||
.time-btn a.active{background:#ddd;}
|
||||
|
||||
.bg .box{
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
background:url(../images/bg-bg.png) center repeat-x;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -260px;
|
||||
}
|
||||
|
||||
|
||||
.bg .box .loginbox{
|
||||
width: 350px;
|
||||
position: absolute;
|
||||
z-index: 99;
|
||||
left: 50%;
|
||||
margin-left: 200px;
|
||||
background: #f3f3f3;
|
||||
top: 95px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.bg .box .loginbox:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top:-2px;
|
||||
left: -40px;
|
||||
background:url(../images/bg-left.png) no-repeat;
|
||||
width: 40px;
|
||||
height:75px;
|
||||
background-size: 100%;
|
||||
}
|
||||
.bg .box .loginbox:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top:-2px;
|
||||
right: -40px;
|
||||
background:url(../images/bg-right.png) no-repeat;
|
||||
width: 40px;
|
||||
height:75px;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
#submit{
|
||||
background: #f6f6f6;
|
||||
color: #666;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
|
||||
.update-ludan{z-index: 1; left: 38%; top: 30%; background:#fff; min-width:400px; min-height:142px; position: fixed; box-shadow: 1px 1px 50px rgba(0,0,0,.3); border-radius: 2px; display:none;}
|
||||
.update-ludan-title{padding: 0 80px 0 30px; height: 42px; line-height: 42px; border-bottom: 1px solid #eee; font-size: 14px; color: #333; overflow: hidden; background-color: #F8F8F8; border-radius: 2px 2px 0 0; color:#1E9FFF; font-size:16px;}
|
||||
.update-ludan-msg{padding-left:30px; padding-top:20px; padding-bottom:0px; font-size:16px; color:#000;}
|
||||
.update-ludan-content{padding-left:30px; padding-top:20px; padding-bottom:20px;}
|
||||
.update-ludan-content select{border:1px solid #eee; padding:5px; min-width:260px;}
|
||||
.update-ludan-win6{padding-left:30px; padding-top:0px; padding-bottom:20px;}
|
||||
.update-ludan-footer{text-align:center; padding-bottom:30px;}
|
||||
.update-ludan-footer a{display:inline-block; padding:7px 20px; cursor:pointer; border-radius: 2px;}
|
||||
.update-ludan-footer #confirm_update_ludan{background:#33A3F6; color:#fff; border-color: #1E9FFF; background-color: #1E9FFF; margin-right:20px;}
|
||||
.update-ludan-footer #cancel_update_ludan{border: 1px solid #dedede;}
|
||||
.update-ludan-footer #confirm_add_ludan{background:#33A3F6; color:#fff; border-color: #1E9FFF; background-color: #1E9FFF; margin-right:20px;}
|
||||
.update-ludan-footer #cancel_add_ludan{border: 1px solid #dedede;}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,593 @@
|
||||
.sweet-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
display: none;
|
||||
z-index: 1000; }
|
||||
|
||||
.sweet-alert {
|
||||
background-color: white;
|
||||
font-family:'Microsoft Yahei';
|
||||
width: 478px;
|
||||
padding: 17px;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -256px;
|
||||
margin-top: -200px;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
z-index: 2000; }
|
||||
@media all and (max-width: 540px) {
|
||||
.sweet-alert {
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
left: 15px;
|
||||
right: 15px; } }
|
||||
.sweet-alert h2 {
|
||||
color: #575757;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
font-weight: 600;
|
||||
text-transform: none;
|
||||
position: relative; }
|
||||
.sweet-alert p {
|
||||
color: #797979;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
line-height: normal; }
|
||||
.sweet-alert button {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #AEDEF4;
|
||||
color: white;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 17px;
|
||||
font-weight: 500;
|
||||
border-radius: 5px;
|
||||
padding: 10px 32px;
|
||||
margin: 26px 5px 0 5px;
|
||||
cursor: pointer; }
|
||||
.sweet-alert button:focus {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
|
||||
.sweet-alert button:hover {
|
||||
background-color: #a1d9f2; }
|
||||
.sweet-alert button:active {
|
||||
background-color: #81ccee; }
|
||||
.sweet-alert button.cancel {
|
||||
background-color: #D0D0D0; }
|
||||
.sweet-alert button.cancel:hover {
|
||||
background-color: #c8c8c8; }
|
||||
.sweet-alert button.cancel:active {
|
||||
background-color: #b6b6b6; }
|
||||
.sweet-alert button.cancel:focus {
|
||||
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
|
||||
.sweet-alert[data-has-cancel-button=false] button {
|
||||
box-shadow: none !important; }
|
||||
.sweet-alert .icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid gray;
|
||||
border-radius: 50%;
|
||||
margin: 20px auto;
|
||||
position: relative;
|
||||
box-sizing: content-box; }
|
||||
.sweet-alert .icon.error {
|
||||
border-color: #F27474; }
|
||||
.sweet-alert .icon.error .x-mark {
|
||||
position: relative;
|
||||
display: block; }
|
||||
.sweet-alert .icon.error .line {
|
||||
position: absolute;
|
||||
height: 5px;
|
||||
width: 47px;
|
||||
background-color: #F27474;
|
||||
display: block;
|
||||
top: 37px;
|
||||
border-radius: 2px; }
|
||||
.sweet-alert .icon.error .line.left {
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
left: 17px; }
|
||||
.sweet-alert .icon.error .line.right {
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
right: 16px; }
|
||||
.sweet-alert .icon.warning {
|
||||
border-color: #F8BB86; }
|
||||
.sweet-alert .icon.warning .body {
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 47px;
|
||||
left: 50%;
|
||||
top: 10px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .icon.warning .dot {
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
left: 50%;
|
||||
bottom: 10px;
|
||||
background-color: #F8BB86; }
|
||||
.sweet-alert .icon.info {
|
||||
border-color: #C9DAE1; }
|
||||
.sweet-alert .icon.info::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 5px;
|
||||
height: 29px;
|
||||
left: 50%;
|
||||
bottom: 17px;
|
||||
border-radius: 2px;
|
||||
margin-left: -2px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .icon.info::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
border-radius: 50%;
|
||||
margin-left: -3px;
|
||||
top: 19px;
|
||||
background-color: #C9DAE1; }
|
||||
.sweet-alert .icon.success {
|
||||
border-color: #A5DC86; }
|
||||
.sweet-alert .icon.success::before, .sweet-alert .icon.success::after {
|
||||
content: '';
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 120px;
|
||||
background: white;
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .icon.success::before {
|
||||
border-radius: 120px 0 0 120px;
|
||||
top: -7px;
|
||||
left: -33px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 60px 60px;
|
||||
transform-origin: 60px 60px; }
|
||||
.sweet-alert .icon.success::after {
|
||||
border-radius: 0 120px 120px 0;
|
||||
top: -11px;
|
||||
left: 30px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform-origin: 0px 60px;
|
||||
transform-origin: 0px 60px; }
|
||||
.sweet-alert .icon.success .placeholder {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 4px solid rgba(165, 220, 134, 0.2);
|
||||
border-radius: 50%;
|
||||
box-sizing: content-box;
|
||||
position: absolute;
|
||||
left: -4px;
|
||||
top: -4px;
|
||||
z-index: 2; }
|
||||
.sweet-alert .icon.success .fix {
|
||||
width: 5px;
|
||||
height: 90px;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
left: 28px;
|
||||
top: 8px;
|
||||
z-index: 1;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .icon.success .line {
|
||||
height: 5px;
|
||||
background-color: #A5DC86;
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
position: absolute;
|
||||
z-index: 2; }
|
||||
.sweet-alert .icon.success .line.tip {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 46px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
transform: rotate(45deg); }
|
||||
.sweet-alert .icon.success .line.long {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg); }
|
||||
.sweet-alert .icon.custom {
|
||||
background-size: contain;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
|
||||
@-webkit-keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-tranform: scale(0.95); }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
@-moz-keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-tranform: scale(0.95); }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
@keyframes showSweetAlert {
|
||||
0% {
|
||||
transform: scale(0.7);
|
||||
-webkit-transform: scale(0.7); }
|
||||
45% {
|
||||
transform: scale(1.05);
|
||||
-webkit-transform: scale(1.05); }
|
||||
80% {
|
||||
transform: scale(0.95);
|
||||
-webkit-tranform: scale(0.95); }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); } }
|
||||
@-webkit-keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
@-moz-keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
@keyframes hideSweetAlert {
|
||||
0% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1); }
|
||||
100% {
|
||||
transform: scale(0.5);
|
||||
-webkit-transform: scale(0.5); } }
|
||||
.showSweetAlert {
|
||||
-webkit-animation: showSweetAlert 0.3s;
|
||||
-moz-animation: showSweetAlert 0.3s;
|
||||
animation: showSweetAlert 0.3s; }
|
||||
|
||||
.hideSweetAlert {
|
||||
-webkit-animation: hideSweetAlert 0.2s;
|
||||
-moz-animation: hideSweetAlert 0.2s;
|
||||
animation: hideSweetAlert 0.2s; }
|
||||
|
||||
@-webkit-keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
@-moz-keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
@keyframes animateSuccessTip {
|
||||
0% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
54% {
|
||||
width: 0;
|
||||
left: 1px;
|
||||
top: 19px; }
|
||||
70% {
|
||||
width: 50px;
|
||||
left: -8px;
|
||||
top: 37px; }
|
||||
84% {
|
||||
width: 17px;
|
||||
left: 21px;
|
||||
top: 48px; }
|
||||
100% {
|
||||
width: 25px;
|
||||
left: 14px;
|
||||
top: 45px; } }
|
||||
@-webkit-keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
@-moz-keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
@keyframes animateSuccessLong {
|
||||
0% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
65% {
|
||||
width: 0;
|
||||
right: 46px;
|
||||
top: 54px; }
|
||||
84% {
|
||||
width: 55px;
|
||||
right: 0px;
|
||||
top: 35px; }
|
||||
100% {
|
||||
width: 47px;
|
||||
right: 8px;
|
||||
top: 38px; } }
|
||||
@-webkit-keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
@-moz-keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
@keyframes rotatePlaceholder {
|
||||
0% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
5% {
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg); }
|
||||
12% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); }
|
||||
100% {
|
||||
transform: rotate(-405deg);
|
||||
-webkit-transform: rotate(-405deg); } }
|
||||
.animateSuccessTip {
|
||||
-webkit-animation: animateSuccessTip 0.75s;
|
||||
-moz-animation: animateSuccessTip 0.75s;
|
||||
animation: animateSuccessTip 0.75s; }
|
||||
|
||||
.animateSuccessLong {
|
||||
-webkit-animation: animateSuccessLong 0.75s;
|
||||
-moz-animation: animateSuccessLong 0.75s;
|
||||
animation: animateSuccessLong 0.75s; }
|
||||
|
||||
.icon.success.animate::after {
|
||||
-webkit-animation: rotatePlaceholder 4.25s ease-in;
|
||||
-moz-animation: rotatePlaceholder 4.25s ease-in;
|
||||
animation: rotatePlaceholder 4.25s ease-in; }
|
||||
|
||||
@-webkit-keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
@-moz-keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
@keyframes animateErrorIcon {
|
||||
0% {
|
||||
transform: rotateX(100deg);
|
||||
-webkit-transform: rotateX(100deg);
|
||||
opacity: 0; }
|
||||
100% {
|
||||
transform: rotateX(0deg);
|
||||
-webkit-transform: rotateX(0deg);
|
||||
opacity: 1; } }
|
||||
.animateErrorIcon {
|
||||
-webkit-animation: animateErrorIcon 0.5s;
|
||||
-moz-animation: animateErrorIcon 0.5s;
|
||||
animation: animateErrorIcon 0.5s; }
|
||||
|
||||
@-webkit-keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
@-moz-keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
@keyframes animateXMark {
|
||||
0% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
50% {
|
||||
transform: scale(0.4);
|
||||
-webkit-transform: scale(0.4);
|
||||
margin-top: 26px;
|
||||
opacity: 0; }
|
||||
80% {
|
||||
transform: scale(1.15);
|
||||
-webkit-transform: scale(1.15);
|
||||
margin-top: -6px; }
|
||||
100% {
|
||||
transform: scale(1);
|
||||
-webkit-transform: scale(1);
|
||||
margin-top: 0;
|
||||
opacity: 1; } }
|
||||
.animateXMark {
|
||||
-webkit-animation: animateXMark 0.5s;
|
||||
-moz-animation: animateXMark 0.5s;
|
||||
animation: animateXMark 0.5s; }
|
||||
|
||||
@-webkit-keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
@-moz-keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
@keyframes pulseWarning {
|
||||
0% {
|
||||
border-color: #F8D486; }
|
||||
100% {
|
||||
border-color: #F8BB86; } }
|
||||
.pulseWarning {
|
||||
-webkit-animation: pulseWarning 0.75s infinite alternate;
|
||||
-moz-animation: pulseWarning 0.75s infinite alternate;
|
||||
animation: pulseWarning 0.75s infinite alternate; }
|
||||
|
||||
@-webkit-keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
@-moz-keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
@keyframes pulseWarningIns {
|
||||
0% {
|
||||
background-color: #F8D486; }
|
||||
100% {
|
||||
background-color: #F8BB86; } }
|
||||
.pulseWarningIns {
|
||||
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
|
||||
-moz-animation: pulseWarningIns 0.75s infinite alternate;
|
||||
animation: pulseWarningIns 0.75s infinite alternate; }
|
||||
@@ -0,0 +1,400 @@
|
||||
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
|
||||
body {
|
||||
font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
font-smoothing: antialiased;
|
||||
font-smooth: always;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
color: #333;
|
||||
background: #f5f7fa;
|
||||
}
|
||||
input, button, textarea, select, optgroup, option {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-style: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
input, img, select, button {
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
input[type="submit"] {cursor: pointer;}
|
||||
button {cursor: pointer;}
|
||||
button:active {cursor: pointer; opacity:0.8}
|
||||
input::-moz-focus-inner { border: 0; padding: 0;}
|
||||
|
||||
.clearfix{zoom:1;}
|
||||
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
|
||||
|
||||
.fl{float:left;}
|
||||
.fr{float:right;}
|
||||
.box-sizing {
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
}
|
||||
.table-box{
|
||||
display: table;
|
||||
width: 100%;
|
||||
}
|
||||
.table-box .cell{
|
||||
display: table-cell;
|
||||
}
|
||||
.section-form{
|
||||
padding: 20px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
.bet-box{
|
||||
min-width: 800px;
|
||||
vertical-align: top;
|
||||
|
||||
}
|
||||
.bet-box .list{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.bet-box .list .item{
|
||||
width:15.83%;
|
||||
margin-left: 1%;
|
||||
position: relative;
|
||||
float: left;
|
||||
|
||||
|
||||
}
|
||||
.bet-box .list .item:first-child{
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.bet-box .list .item .absolute-box{
|
||||
-moz-box-shadow:0px 0px 3px #ccc;
|
||||
-webkit-box-shadow:0px 0px 3px #ccc;
|
||||
box-shadow:0px 0px 3px #ccc;
|
||||
background: #fff;
|
||||
border-radius: 2px;
|
||||
padding: 10px;
|
||||
z-index: 1;
|
||||
-webkit-transition: all 0.2s;
|
||||
-moz-transition: all 0.2s;
|
||||
-ms-transition: all 0.2s;
|
||||
-o-transition: all 0.2s;
|
||||
transition: all 0.2s;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bet-box .absolute-box button{
|
||||
width: 50px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
line-height: 30px;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
background: #006070;
|
||||
border-radius: 3px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.bet-box .list .item .absolute-box.focus{
|
||||
z-index: 99;
|
||||
-moz-box-shadow:0px 4px 15px rgba(0,0,0,0.36);
|
||||
-webkit-box-shadow:0px 4px 15px rgba(0,0,0,0.36);
|
||||
box-shadow:0px 4px 15px rgba(0,0,0,0.36);
|
||||
|
||||
}
|
||||
|
||||
.bet-box .number-box{
|
||||
position: relative;
|
||||
padding-left: 34px;
|
||||
padding-right: 66px;
|
||||
padding-bottom: 18px;
|
||||
|
||||
}
|
||||
.bet-box .number-box span{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
background: #016875;
|
||||
font-size: 16px;
|
||||
border-radius: 100px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.bet-box .number-box input{
|
||||
width: 100%;
|
||||
font-size: 15px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
padding:4px 5px;
|
||||
border: 1px solid #d8dbdf;
|
||||
border-radius: 3px;
|
||||
color: #016b76;
|
||||
font-weight: 500;
|
||||
background: #f5f7fa;
|
||||
}
|
||||
|
||||
.bet-box .number-box input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||
font-weight: normal;
|
||||
}
|
||||
.bet-box .number-box input:-moz-placeholder, textarea:-moz-placeholder {
|
||||
font-weight: normal;
|
||||
}
|
||||
.bet-box .number-box input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
font-weight: normal;
|
||||
}
|
||||
.bet-box .number-box input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.bet-box .number-box button:active{
|
||||
opacity: 0.8;
|
||||
}
|
||||
.bet-box .item-box{
|
||||
position: relative;
|
||||
padding-left: 68px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.bet-box .item-box label{
|
||||
position: absolute;
|
||||
width:62px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
border-radius: 100px;
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.bet-box .item-box input[type=text]{
|
||||
width: 100%;
|
||||
background: #f5f7fa;
|
||||
font-size: 14px;
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
padding: 0 5px;
|
||||
font-weight: 500;
|
||||
color: #444;
|
||||
|
||||
}
|
||||
.bet-box .item-box input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
|
||||
font-weight: normal;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
.bet-box .item-box input:-moz-placeholder, textarea:-moz-placeholder {
|
||||
font-weight: normal;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
.bet-box .item-box input::-moz-placeholder, textarea::-moz-placeholder {
|
||||
font-weight: normal;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
.bet-box .item-box input:-ms-input-placeholder, textarea:-ms-input-placeholder {
|
||||
font-weight: normal;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
|
||||
.bet-box .item-box label.bank{
|
||||
background: #e12217;
|
||||
}
|
||||
.bet-box .item-box label.tie{
|
||||
background: #27cf00;
|
||||
}
|
||||
.bet-box .item-box label.player{
|
||||
background: #133ffd;
|
||||
}
|
||||
.bet-box .item-box label.banktie{
|
||||
background: #e12217;
|
||||
}
|
||||
.bet-box .item-box label.playertie{
|
||||
background: #0030ff;
|
||||
}
|
||||
.bet-box .currency {
|
||||
background: #006070;
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
border-radius: 100px;
|
||||
line-height: 26px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
font-weight: 500;
|
||||
}
|
||||
.bet-box .currency:active{
|
||||
opacity: 0.8;
|
||||
}
|
||||
.bet-box .currency input[type=checkbox] {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
}
|
||||
.footer-box{
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
-moz-box-shadow: 0px 0px 3px #ccc;
|
||||
-webkit-box-shadow: 0px 0px 3px #ccc;
|
||||
box-shadow: 0px 0px 3px #ccc;
|
||||
overflow: hidden;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.footer-box .radio-box{
|
||||
width: 800px;
|
||||
float: right;
|
||||
|
||||
}
|
||||
.footer-box .radio-box .item{
|
||||
width: 14%;
|
||||
height: 40px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
border-radius: 1000px;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
background: #c5c5c5;
|
||||
vertical-align: middle;
|
||||
margin: 13px 0.5%;
|
||||
}
|
||||
.footer-box .radio-box .item input {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
resize: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
.footer-box .radio-box .submit{
|
||||
height: 40px;
|
||||
width: 20%;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
background: #53a3a1;
|
||||
color: #fff;
|
||||
border-radius: 100px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 1%;
|
||||
|
||||
}
|
||||
.footer-box .radio-box .submit:active{
|
||||
opacity: 0.8;
|
||||
}
|
||||
.header-box{
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
margin-bottom: 20px;
|
||||
-moz-box-shadow: 0px 0px 3px #ccc;
|
||||
-webkit-box-shadow: 0px 0px 3px #ccc;
|
||||
box-shadow: 0px 0px 3px #ccc;
|
||||
}
|
||||
.header-box .item {
|
||||
padding-left: 30px;
|
||||
padding-right: 60px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.header-box .item label{
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
}
|
||||
|
||||
.header-box .item .select-box {
|
||||
width: 118px;
|
||||
border: 1px solid #DADADA;
|
||||
font-size: 13px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
border-radius: 3px;
|
||||
background: none;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
-webkit-appearance: none;
|
||||
padding-left: 8px;
|
||||
|
||||
}
|
||||
.header-box .item:last-child{
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.header-box .item.title{
|
||||
line-height: 32px;
|
||||
font-size: 18px;
|
||||
color: #444;
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
height: 30px;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
.header-box .item.title:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-right: 2px solid #ddd;
|
||||
left: 115px;
|
||||
height: 30px;
|
||||
top: 50%;
|
||||
margin-top: -15px;
|
||||
}
|
||||
|
||||
/* 底部选择结果高亮样式 */
|
||||
.footer-box .radio-box span.on {
|
||||
background: #27cf00;
|
||||
}
|
||||
|
||||
/* 返回按钮样式 */
|
||||
.item .item-back{
|
||||
width:40px;
|
||||
text-align:center;
|
||||
border:1px solid #0ae;
|
||||
border-radius:5px;
|
||||
}
|
||||
.item .item-back:hover{
|
||||
background:#0ae;
|
||||
color:#fff;
|
||||
}
|
||||
.back{
|
||||
text-decoration:none;
|
||||
font-size:14px;
|
||||
color:#0ae;
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,60 @@
|
||||
/**
|
||||
* 信息提示框
|
||||
* @param msg 提示信息
|
||||
*/
|
||||
function msgAlert(msg)
|
||||
{
|
||||
var htmlStr = "<div class='msgAlert' style='max-width:300px; min-width:150px; min-height:50px; max-height:100px; padding:20px; position:fixed; left:40%; top:15%; background:#6E6E6E; border-radius:10px; text-align:center; ' >";
|
||||
htmlStr += "<span style='font-size:15px; color:#fff'>"+msg+"</span>";
|
||||
htmlStr += "</div>";
|
||||
$('body').append(htmlStr);
|
||||
setTimeout(function(){
|
||||
$('.msgAlert').remove();
|
||||
},2000);
|
||||
}
|
||||
|
||||
/**
|
||||
* 信息确认框
|
||||
* @param msg 要确认的信息
|
||||
* @param confirmFunc 确定后要执行的代码
|
||||
* @param cancelFunc 取消后要执行的代码
|
||||
*/
|
||||
function msgConfirm(msg,confirmFunc,cancelFunc)
|
||||
{
|
||||
var htmlStr = "<div class='shadow' style='width:100%; height:100%; background:#F2F2F2; position:fixed; left:0; top:0; opacity:0.7; '></div>";
|
||||
htmlStr += "<div class='msgConfirm' style='width:300px; height:150px; position:fixed; left:35%; top:30%; background:#fff;'>";
|
||||
htmlStr += "<div style='width:300px; height:35px; padding-left:15px;line-height:35px; font-size:16px;letter-spacing:3px; background:#0E7FB9; '>信息</div>";
|
||||
htmlStr += "<div style='width:300px; height:65px; padding:15px; font-size:16px;letter-spacing:3px;word-wrap:break-word '>"+msg+"</div>";
|
||||
htmlStr += "<div style='width:300px; height:50px; padding-left:15px;line-height:50px; font-size:16px;letter-spacing:3px; position:relative;'>";
|
||||
htmlStr += "<div class='confirm' style='width:60px; height:30px; cursor:default; position:absolute; border:1px solid rgb(156,156,156); top:10px; left:150px; text-align:center; line-height:30px; font-size:16px;letter-spacing:3px; '>确定</div>";
|
||||
htmlStr += "<div class='cancel' style='width:60px; height:30px; cursor:default; position:absolute; border:1px solid rgb(156,156,156); top:10px; left:220px; text-align:center; line-height:30px; font-size:16px;letter-spacing:3px; '>取消</div>";
|
||||
htmlStr += "</div>";
|
||||
htmlStr += "</div>";
|
||||
$('body').append(htmlStr);
|
||||
$(document).on('mouseover', '.confirm', function(){
|
||||
$(this).css('background','#0E7FB9');
|
||||
});
|
||||
$(document).on('mouseout', '.confirm', function(){
|
||||
$(this).css('background','');
|
||||
});
|
||||
$(document).on('mouseover', '.cancel', function(){
|
||||
$(this).css('background','#0E7FB9');
|
||||
});
|
||||
$(document).on('mouseout', '.cancel', function(){
|
||||
$(this).css('background','');
|
||||
});
|
||||
$(document).on('click', '.confirm', function(){
|
||||
$('.msgConfirm').remove();
|
||||
$('.shadow').remove();
|
||||
if(confirmFunc !=undefined){
|
||||
(confirmFunc)();
|
||||
}
|
||||
});
|
||||
$(document).on('click', '.cancel', function(){
|
||||
$('.msgConfirm').remove();
|
||||
$('.shadow').remove();
|
||||
if(cancelFunc !=undefined){
|
||||
(cancelFunc)();
|
||||
}
|
||||
});
|
||||
}
|
||||
+4
File diff suppressed because one or more lines are too long
@@ -0,0 +1,503 @@
|
||||
$(function(){
|
||||
$(".win-homepage").click(function(){
|
||||
if(document.all){
|
||||
document.body.style.behavior = 'url(#default#homepage)';
|
||||
document.body.setHomePage(document.URL);
|
||||
}else{alert("设置首页失败，请手动设置！");}
|
||||
});
|
||||
$(".win-favorite").click(function(){
|
||||
var sURL=document.URL;
|
||||
var sTitle=document.title;
|
||||
try {window.external.addFavorite(sURL, sTitle);}
|
||||
catch(e){
|
||||
try{window.sidebar.addPanel(sTitle, sURL, "");}
|
||||
catch(e){alert("加入收藏失败，请使用Ctrl+D进行添加");}
|
||||
}
|
||||
});
|
||||
$(".win-forward").click(function(){
|
||||
window.history.forward(1);
|
||||
});
|
||||
$(".win-back").click(function(){
|
||||
window.history.back(-1);
|
||||
});
|
||||
$(".win-backtop").click(function(){$('body,html').animate({scrollTop:0},1000);return false;});
|
||||
$(".win-refresh").click(function(){
|
||||
window.location.reload();
|
||||
});
|
||||
$(".win-print").click(function(){
|
||||
window.print();
|
||||
});
|
||||
$(".win-close").click(function(){
|
||||
window.close();
|
||||
});
|
||||
$('.checkall').click(function(){
|
||||
var e=$(this);
|
||||
var name=e.attr("name");
|
||||
var checkfor=e.attr("checkfor");
|
||||
var type;
|
||||
if (checkfor!='' && checkfor!=null && checkfor!=undefined){
|
||||
type=e.closest('form').find("input[name='"+checkfor+"']");
|
||||
}else{
|
||||
type=e.closest('form').find("input[type='checkbox']");
|
||||
};
|
||||
if (name=="checkall"){
|
||||
$(type).each(function(index, element){
|
||||
element.checked=true;
|
||||
});
|
||||
e.attr("name","ok");
|
||||
}else{
|
||||
$(type).each(function(index, element){
|
||||
element.checked=false;
|
||||
});
|
||||
e.attr("name","checkall");
|
||||
}
|
||||
});
|
||||
$('.dropdown-toggle').click(function(){
|
||||
$(this).closest('.button-group, .drop').addClass("open");
|
||||
});
|
||||
$(document).bind("click",function(e){
|
||||
if($(e.target).closest(".button-group.open, .drop.open").length == 0){
|
||||
$(".button-group, .drop").removeClass("open");
|
||||
}
|
||||
});
|
||||
$checkplaceholder=function(){
|
||||
var input = document.createElement('input');
|
||||
return 'placeholder' in input;
|
||||
};
|
||||
if(!$checkplaceholder()){
|
||||
$("textarea[placeholder], input[placeholder]").each(function(index, element){
|
||||
var content=false;
|
||||
if($(this).val().length ===0 || $(this).val()==$(this).attr("placeholder")){content=true};
|
||||
if(content){
|
||||
$(element).val($(element).attr("placeholder"));
|
||||
$(element).css("color","rgb(169,169,169)");
|
||||
$(element).data("pintuerholder",$(element).css("color"));
|
||||
$(element).focus(function(){$hideplaceholder($(this));});
|
||||
$(element).blur(function(){$showplaceholder($(this));});
|
||||
}
|
||||
})
|
||||
};
|
||||
$showplaceholder=function(element){
|
||||
if( ($(element).val().length ===0 || $(element).val()==$(element).attr("placeholder")) && $(element).attr("type")!="password"){
|
||||
$(element).val($(element).attr("placeholder"));
|
||||
$(element).data("pintuerholder",$(element).css("color"));
|
||||
$(element).css("color","rgb(169,169,169)");
|
||||
}
|
||||
};
|
||||
var $hideplaceholder=function(element){
|
||||
if($(element).data("pintuerholder")){
|
||||
$(element).val("");
|
||||
$(element).css("color", $(element).data("pintuerholder"));
|
||||
$(element).removeData("pintuerholder");
|
||||
}
|
||||
};
|
||||
$('textarea, input, select').blur(function(){
|
||||
var e=$(this);
|
||||
if(e.attr("data-validate")){
|
||||
e.closest('.field').find(".input-help").remove();
|
||||
var $checkdata=e.attr("data-validate").split(',');
|
||||
var $checkvalue=e.val();
|
||||
var $checkstate=true;
|
||||
var $checktext="";
|
||||
if(e.attr("placeholder")==$checkvalue){$checkvalue="";}
|
||||
if($checkvalue!="" || e.attr("data-validate").indexOf("required")>=0){
|
||||
for(var i=0;i<$checkdata.length;i++){
|
||||
var $checktype=$checkdata[i].split(':');
|
||||
if(! $pintuercheck(e,$checktype[0],$checkvalue)){
|
||||
$checkstate=false;
|
||||
$checktext=$checktext+"<li>"+$checktype[1]+"</li>";
|
||||
}
|
||||
}
|
||||
};
|
||||
if($checkstate){
|
||||
e.closest('.form-group').removeClass("check-error");
|
||||
e.parent().find(".input-help").remove();
|
||||
e.closest('.form-group').addClass("check-success");
|
||||
}else{
|
||||
e.closest('.form-group').removeClass("check-success");
|
||||
e.closest('.form-group').addClass("check-error");
|
||||
e.closest('.field').append('<div class="input-help"><ul>'+$checktext+'</ul></div>');
|
||||
}
|
||||
}
|
||||
});
|
||||
$pintuercheck=function(element,type,value){
|
||||
$pintu=value.replace(/(^\s*)|(\s*$)/g, "");
|
||||
switch(type){
|
||||
case "required":return /[^(^\s*)|(\s*$)]/.test($pintu);break;
|
||||
case "chinese":return /^[\u0391-\uFFE5]+$/.test($pintu);break;
|
||||
case "number":return /^\d+$/.test($pintu);break;
|
||||
case "integer":return /^[-\+]?\d+$/.test($pintu);break;
|
||||
case "plusinteger":return /^[+]?\d+$/.test($pintu);break;
|
||||
case "double":return /^[-\+]?\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "plusdouble":return /^[+]?\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "english":return /^[A-Za-z]+$/.test($pintu);break;
|
||||
case "username":return /^[a-z]\w{3,}$/i.test($pintu);break;
|
||||
case "mobile":return /^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}?$|15[89]\d{8}?$|170\d{8}?$|147\d{8}?$/.test($pintu);break;
|
||||
case "phone":return /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/.test($pintu);break;
|
||||
case "tel":return /^((\(\d{3}\))|(\d{3}\-))?13[0-9]\d{8}?$|15[89]\d{8}?$|170\d{8}?$|147\d{8}?$/.test($pintu) || /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/.test($pintu);break;
|
||||
case "email":return /^[^@]+@[^@]+\.[^@]+$/.test($pintu);break;
|
||||
case "url":return /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/.test($pintu);break;
|
||||
case "ip":return /^[\d\.]{7,15}$/.test($pintu);break;
|
||||
case "qq":return /^[1-9]\d{4,10}$/.test($pintu);break;
|
||||
case "currency":return /^\d+(\.\d+)?$/.test($pintu);break;
|
||||
case "zip":return /^[1-9]\d{5}$/.test($pintu);break;
|
||||
case "radio":
|
||||
var radio=element.closest('form').find('input[name="'+element.attr("name")+'"]:checked').length;
|
||||
return eval(radio==1);
|
||||
break;
|
||||
default:
|
||||
var $test=type.split('#');
|
||||
if($test.length>1){
|
||||
switch($test[0]){
|
||||
case "compare":
|
||||
return eval(Number($pintu)+$test[1]);
|
||||
break;
|
||||
case "regexp":
|
||||
return new RegExp($test[1],"gi").test($pintu);
|
||||
break;
|
||||
case "length":
|
||||
var $length;
|
||||
if(element.attr("type")=="checkbox"){
|
||||
$length=element.closest('form').find('input[name="'+element.attr("name")+'"]:checked').length;
|
||||
}else{
|
||||
$length=$pintu.replace(/[\u4e00-\u9fa5]/g,"***").length;
|
||||
}
|
||||
return eval($length+$test[1]);
|
||||
break;
|
||||
case "ajax":
|
||||
var $getdata;
|
||||
var $url=$test[1]+$pintu;
|
||||
$.ajaxSetup({async:false});
|
||||
$.getJSON($url,function(data){
|
||||
//alert(data.getdata);
|
||||
$getdata=data.getdata;
|
||||
});
|
||||
if($getdata=="true"){return true;}
|
||||
break;
|
||||
case "repeat":
|
||||
return $pintu==jQuery('input[name="'+$test[1]+'"]').eq(0).val();
|
||||
break;
|
||||
default:return true;break;
|
||||
}
|
||||
break;
|
||||
}else{
|
||||
return true;
|
||||
}
|
||||
}
|
||||
};
|
||||
$('form').submit(function(){
|
||||
$(this).find('input[data-validate],textarea[data-validate],select[data-validate]').trigger("blur");
|
||||
$(this).find('input[placeholder],textarea[placeholder]').each(function(){$hideplaceholder($(this));});
|
||||
var numError = $(this).find('.check-error').length;
|
||||
if(numError){
|
||||
$(this).find('.check-error').first().find('input[data-validate],textarea[data-validate],select[data-validate]').first().focus().select();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
$('.form-reset').click(function(){
|
||||
$(this).closest('form').find(".input-help").remove();
|
||||
$(this).closest('form').find('.form-submit').removeAttr('disabled');
|
||||
$(this).closest('form').find('.form-group').removeClass("check-error");
|
||||
$(this).closest('form').find('.form-group').removeClass("check-success");
|
||||
});
|
||||
$('.tab .tab-nav li').each(function(){
|
||||
var e=$(this);
|
||||
var trigger=e.closest('.tab').attr("data-toggle");
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showtabs(e);
|
||||
});
|
||||
e.click(function(){
|
||||
return false;
|
||||
});
|
||||
}else{
|
||||
e.click(function(){
|
||||
$showtabs(e);
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
$showtabs=function(e){
|
||||
var detail=e.children("a").attr("href");
|
||||
e.closest('.tab .tab-nav').find("li").removeClass("active");
|
||||
e.closest('.tab').find(".tab-body .tab-panel").removeClass("active");
|
||||
e.addClass("active");
|
||||
$(detail).addClass("active");
|
||||
};
|
||||
$('.dialogs').each(function(){
|
||||
var e=$(this);
|
||||
var trigger=e.attr("data-toggle");
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showdialogs(e);
|
||||
});
|
||||
}else if(trigger=="click"){
|
||||
e.click(function(){
|
||||
$showdialogs(e);
|
||||
});
|
||||
}
|
||||
});
|
||||
$showdialogs=function(e){
|
||||
var trigger=e.attr("data-toggle");
|
||||
var getid=e.attr("data-target");
|
||||
var data=e.attr("data-url");
|
||||
var mask=e.attr("data-mask");
|
||||
var width=e.attr("data-width");
|
||||
var detail="";
|
||||
var masklayout=$('<div class="dialog-mask"></div>');
|
||||
if(width==null){width="80%";}
|
||||
|
||||
if (mask=="1"){
|
||||
$("body").append(masklayout);
|
||||
}
|
||||
detail='<div class="dialog-win" style="position:fixed;width:'+width+';z-index:11;">';
|
||||
if(getid!=null){detail=detail+$(getid).html();}
|
||||
if(data!=null){detail=detail+$.ajax({url:data,async:false}).responseText;}
|
||||
//alert(detail);
|
||||
detail=detail+'</div>';
|
||||
|
||||
var win=$(detail);
|
||||
win.find(".dialog").addClass("open");
|
||||
$("body").append(win);
|
||||
var x=parseInt($(window).width()-win.outerWidth())/2;
|
||||
var y=parseInt($(window).height()-win.outerHeight())/2;
|
||||
if (y<=10){y="10"}
|
||||
win.css({"left":x,"top":y});
|
||||
win.find(".dialog-close,.close").each(function(){
|
||||
$(this).click(function(){
|
||||
win.remove();
|
||||
$('.dialog-mask').remove();
|
||||
});
|
||||
});
|
||||
masklayout.click(function(){
|
||||
win.remove();
|
||||
$(this).remove();
|
||||
});
|
||||
};
|
||||
$('.tips').each(function(){
|
||||
var e=$(this);
|
||||
var title=e.attr("title");
|
||||
var trigger=e.attr("data-toggle");
|
||||
e.attr("title","");
|
||||
if (trigger=="" || trigger==null){trigger="hover";}
|
||||
if (trigger=="hover"){
|
||||
e.mouseover(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}else if(trigger=="click"){
|
||||
e.click(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}else if(trigger=="show"){
|
||||
e.ready(function(){
|
||||
$showtips(e,title);
|
||||
});
|
||||
}
|
||||
});
|
||||
$showtips=function(e,title){
|
||||
var trigger=e.attr("data-toggle");
|
||||
var place=e.attr("data-place");
|
||||
var width=e.attr("data-width");
|
||||
var css=e.attr("data-style");
|
||||
var image=e.attr("data-image");
|
||||
var content=e.attr("content");
|
||||
var getid=e.attr("data-target");
|
||||
var data=e.attr("data-url");
|
||||
var x=0;
|
||||
var y=0;
|
||||
var html="";
|
||||
var detail="";
|
||||
|
||||
if(image!=null){detail=detail+'<img class="image" src="'+image+'" />';}
|
||||
if(content!=null){detail=detail+'<p class="tip-body">'+content+'</p>';}
|
||||
if(getid!=null){detail=detail+$(getid).html();}
|
||||
if(data!=null){detail=detail+$.ajax({url:data,async:false}).responseText;}
|
||||
if(title!=null && title!=""){
|
||||
if(detail!=null && detail!=""){detail='<p class="tip-title"><strong>'+title+'</strong></p>'+detail;}else{detail='<p class="tip-line">'+title+'</p>';}
|
||||
}
|
||||
detail='<div class="tip">'+detail+'</div>';
|
||||
html=$(detail);
|
||||
|
||||
$("body").append( html );
|
||||
if(width!=null){
|
||||
html.css("width",width);
|
||||
}
|
||||
if(place=="" || place==null){place="top";}
|
||||
if(place=="left"){
|
||||
x=e.offset().left - html.outerWidth()-5;
|
||||
y=e.offset().top - html.outerHeight()/2 + e.outerHeight()/2;
|
||||
}else if(place=="top"){
|
||||
x=e.offset().left - html.outerWidth()/2 + e.outerWidth()/2;
|
||||
y=e.offset().top - html.outerHeight()-5;
|
||||
}else if(place=="right"){
|
||||
x=e.offset().left + e.outerWidth()+5;
|
||||
y=e.offset().top - html.outerHeight()/2 + e.outerHeight()/2;
|
||||
}else if(place=="bottom"){
|
||||
x=e.offset().left - html.outerWidth()/2 + e.outerWidth()/2;
|
||||
y=e.offset().top + e.outerHeight()+5;
|
||||
}
|
||||
if (css!=""){html.addClass(css);}
|
||||
html.css({"left":x+"px","top":y+"px","position":"absolute"});
|
||||
if (trigger=="hover" || trigger=="click" || trigger==null){
|
||||
e.mouseout(function(){html.remove();e.attr("title",title)});
|
||||
}
|
||||
};
|
||||
$('.alert .close').each(function(){
|
||||
$(this).click(function(){
|
||||
$(this).closest('.alert').remove();
|
||||
});
|
||||
});
|
||||
$('.radio label').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
e.closest('.radio').find("label").removeClass("active");
|
||||
e.addClass("active");
|
||||
});
|
||||
});
|
||||
$('.checkbox label').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
if(e.find('input').is(':checked')){
|
||||
e.addClass("active");
|
||||
}else{
|
||||
e.removeClass("active");
|
||||
};
|
||||
});
|
||||
});
|
||||
$('.collapse .panel-head').each(function(){
|
||||
var e=$(this);
|
||||
e.click(function(){
|
||||
e.closest('.collapse').find(".panel").removeClass("active");
|
||||
e.closest('.panel').addClass("active");
|
||||
});
|
||||
});
|
||||
$('.icon-navicon').each(function(){
|
||||
var e=$(this);
|
||||
var target=e.attr("data-target");
|
||||
e.click(function(){
|
||||
$(target).toggleClass("nav-navicon");
|
||||
});
|
||||
});
|
||||
$('.banner').each(function(){
|
||||
var e=$(this);
|
||||
var pointer=e.attr("data-pointer");
|
||||
var interval=e.attr("data-interval");
|
||||
var style=e.attr("data-style");
|
||||
var items=e.attr("data-item");
|
||||
var items_s=e.attr("data-small");
|
||||
var items_m=e.attr("data-middle");
|
||||
var items_b=e.attr("data-big");
|
||||
var num=e.find(".carousel .item").length;
|
||||
var win=$(window).width();
|
||||
var i=1;
|
||||
|
||||
if(interval==null){interval=5};
|
||||
if(items==null || items<1){items=1};
|
||||
if(items_s!=null && win>760){items=items_s};
|
||||
if(items_m!=null && win>1000){items=items_m};
|
||||
if(items_b!=null && win>1200){items=items_b};
|
||||
|
||||
var itemWidth=Math.ceil(e.outerWidth()/items);
|
||||
var page=Math.ceil(num/items);
|
||||
e.find(".carousel .item").css("width",itemWidth+ "px");
|
||||
e.find(".carousel").css("width",itemWidth*num + "px");
|
||||
|
||||
var carousel=function(){
|
||||
i++;
|
||||
if(i>page){i=1;}
|
||||
$showbanner(e,i,items,num);
|
||||
};
|
||||
var play=setInterval(carousel,interval*600);
|
||||
|
||||
e.mouseover(function(){clearInterval(play);});
|
||||
e.mouseout(function(){play=setInterval(carousel,interval*600);});
|
||||
|
||||
if(pointer!=0 && page>1){
|
||||
var point='<ul class="pointer"><li value="1" class="active"></li>';
|
||||
for (var j=1;j<page;j++){
|
||||
point=point+' <li value="'+(j+1)+'"></li>';
|
||||
};
|
||||
point=point+'</ul>';
|
||||
var pager=$(point);
|
||||
if(style!=null){pager.addClass(style);};
|
||||
e.append(pager);
|
||||
pager.css("left",e.outerWidth()*0.5 - pager.outerWidth()*0.5+"px");
|
||||
pager.find("li").click(function(){
|
||||
$showbanner(e,$(this).val(),items,num);
|
||||
});
|
||||
var lefter=$('<div class="pager-prev icon-angle-left"></div>');
|
||||
var righter=$('<div class="pager-next icon-angle-right"></div>');
|
||||
if(style!=null){lefter.addClass(style);righter.addClass(style);};
|
||||
e.append(lefter);
|
||||
e.append(righter);
|
||||
|
||||
lefter.click(function(){
|
||||
i--;
|
||||
if(i<1){i=page;}
|
||||
$showbanner(e,i,items,num);
|
||||
});
|
||||
righter.click(function(){
|
||||
i++;
|
||||
if(i>page){i=1;}
|
||||
$showbanner(e,i,items,num);
|
||||
});
|
||||
};
|
||||
});
|
||||
$showbanner=function(e,i,items,num){
|
||||
var after=0,leftx=0;
|
||||
leftx = - Math.ceil(e.outerWidth()/items)*(items)*(i-1);
|
||||
if(i*items > num){after=i*items-num;leftx= - Math.ceil(e.outerWidth()/items)*(num-items);};
|
||||
e.find(".carousel").stop(true, true).animate({"left":leftx+"px"},800);
|
||||
e.find(".pointer li").removeClass("active");
|
||||
e.find(".pointer li").eq(i-1).addClass("active");
|
||||
};
|
||||
$(".spy a").each(function(){
|
||||
var e=$(this);
|
||||
var t=e.closest(".spy");
|
||||
var target=t.attr("data-target");
|
||||
var top=t.attr("data-offset-spy");
|
||||
var thistarget="";
|
||||
var thistop="";
|
||||
if(top==null){top=0;};
|
||||
if(target==null){thistarget=$(window);}else{thistarget=$(target);};
|
||||
|
||||
thistarget.bind("scroll",function(){
|
||||
if(target==null){
|
||||
thistop=$(e.attr("href")).offset().top - $(window).scrollTop() - parseInt(top);
|
||||
}else{
|
||||
thistop=$(e.attr("href")).offset().top - thistarget.offset().top - parseInt(top);
|
||||
};
|
||||
|
||||
if(thistop<0){
|
||||
t.find('li').removeClass("active");
|
||||
e.parents('li').addClass("active");
|
||||
};
|
||||
|
||||
});
|
||||
});
|
||||
$(".fixed").each(function(){
|
||||
var e=$(this);
|
||||
var style=e.attr("data-style");
|
||||
var top=e.attr("data-offset-fixed");
|
||||
if(top==null){top=e.offset().top;}else{top=e.offset().top - parseInt(top);};
|
||||
if(style==null){style="fixed-top";};
|
||||
|
||||
$(window).bind("scroll",function(){
|
||||
var thistop=top - $(window).scrollTop();
|
||||
if(style=="fixed-top" && thistop<0){
|
||||
e.addClass("fixed-top");
|
||||
}else{
|
||||
e.removeClass("fixed-top");
|
||||
};
|
||||
|
||||
var thisbottom=top - $(window).scrollTop()-$(window).height();
|
||||
if(style=="fixed-bottom" && thisbottom>0){
|
||||
e.addClass("fixed-bottom");
|
||||
}else{
|
||||
e.removeClass("fixed-bottom");
|
||||
};
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,57 @@
|
||||
$(function(){
|
||||
var openclick=false;
|
||||
$(".bet-box .number-box input").focus(function(){
|
||||
var this_row_num=$(this).parents(".bet-box .list").index();
|
||||
var this_col_num=$(this).parents(".bet-box .list .item").index()+1;
|
||||
$(this).parents(".bet-box .list .item .absolute-box").addClass("focus")
|
||||
$(this).parents(".bet-box .list .item").siblings(".bet-box .list .item").find(".absolute-box").removeClass("focus")
|
||||
$(this).parents(".bet-box .list").siblings(".bet-box .list").find(".absolute-box").removeClass("focus")
|
||||
})
|
||||
$(".bet-box .list .item").on("click",function(){
|
||||
var Focus=$(this).find("input").is(":focus");
|
||||
$(this).children(".absolute-box").addClass("focus")
|
||||
$(this).parents(".list").siblings().find(".absolute-box").removeClass("focus")
|
||||
$(this).siblings(".item").find(".absolute-box").removeClass("focus")
|
||||
openclick=true;
|
||||
});
|
||||
// 点击空白开关
|
||||
$(document).click(function(e){
|
||||
if(openclick==true){
|
||||
var $cont = $(".bet-box .list .item")
|
||||
if(!$cont.is(e.target) && $cont.has(e.target).length === 0){
|
||||
$cont.css("opacity","1")
|
||||
$cont.find(".absolute-box").removeClass("focus")
|
||||
openclick=false;
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
$(".bet-box .currency input[type=checkbox]").click(function(){
|
||||
var currency=$(this).is(':checked');
|
||||
if(currency==true){
|
||||
$(this).siblings("span").html("CNY")
|
||||
}else if(currency==false){
|
||||
$(this).siblings("span").html("USD")
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
|
||||
|
||||
/**
|
||||
* 封装ajax函数
|
||||
*/
|
||||
function ajax(url,query){
|
||||
var returnData = '';
|
||||
$.ajax({
|
||||
url:url,
|
||||
data:query,
|
||||
type:"POST",
|
||||
dataType:'JSON',
|
||||
async:false,
|
||||
success:function(data){
|
||||
returnData = data;
|
||||
}
|
||||
});
|
||||
return returnData;
|
||||
}
|
||||
@@ -0,0 +1,22 @@
|
||||
## 说明
|
||||
1. laydate.js是压缩后的核心代码，laydate.dev.js是开发版的源代码。
|
||||
1. need目录存放着核心css
|
||||
1. skins是皮肤目录
|
||||
1. 将laydate pull到你的本地后，将其存放到您js相关目录下的laydate目录，不要改动laydate的结构，否则无法正常运行。
|
||||
|
||||
## 简要
|
||||
她基于原生JavaScript精心雕琢，兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码，良好的性能体验，和完善的皮肤体系，并且完全开源，你可以任意获取开发版源代码，一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求，延续了layui一贯的简单与易用。她遵循LGPL协议，您可以免费将她用于任何个人项目。
|
||||
|
||||
## 更新日志
|
||||
|
||||
1.1
|
||||
|
||||
1. layer.now(timestamp,format)支持多类型参数。timestamp支持今天的前若干天，和今天的后若干天，并且如果是一个有效的时间戳,则返回该时间戳对应的日期。如果什么都没传入，则返回当前时间日期。format为日期格式，为空时则采用默认的“-”分割。
|
||||
2. 优化核心代码。
|
||||
3. 分和秒的选择改成10列*6行。
|
||||
4. 修复星期未居中对齐的样式问题
|
||||
5. 修复在页面加载完毕事件中，调用laydate所造成的立即执行的bug
|
||||
6. 皮肤包新增[墨绿]。
|
||||
|
||||
## 备注
|
||||
[官网](http://laydate.layui.com/)、[社区](http://fly.layui.com/)
|
||||
@@ -0,0 +1,932 @@
|
||||
/**
|
||||
|
||||
@Name : layDate v1.1 日期控件
|
||||
@Author: 贤心
|
||||
@Date: 2014-06-25
|
||||
@QQ群：176047195
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
*/
|
||||
|
||||
;!function(win){
|
||||
|
||||
//全局配置，如果采用默认均不需要改动
|
||||
var config = {
|
||||
path: '', //laydate所在路径
|
||||
skin: 'default', //初始化皮肤
|
||||
format: 'YYYY-MM-DD', //日期格式
|
||||
min: '1900-01-01 00:00:00', //最小日期
|
||||
max: '2099-12-31 23:59:59', //最大日期
|
||||
isv: false,
|
||||
init: true
|
||||
};
|
||||
|
||||
var Dates = {}, doc = document, creat = 'createElement', byid = 'getElementById', tags = 'getElementsByTagName';
|
||||
var as = ['laydate_box', 'laydate_void', 'laydate_click', 'LayDateSkin', 'skins/', '/laydate.css'];
|
||||
|
||||
|
||||
//主接口
|
||||
win.laydate = function(options){
|
||||
options = options || {};
|
||||
try{
|
||||
as.event = win.event ? win.event : laydate.caller.arguments[0];
|
||||
} catch(e){};
|
||||
Dates.run(options);
|
||||
return laydate;
|
||||
};
|
||||
|
||||
laydate.v = '1.1';
|
||||
|
||||
//获取组件存放路径
|
||||
Dates.getPath = (function(){
|
||||
var js = document.scripts, jsPath = js[js.length - 1].src;
|
||||
return config.path ? config.path : jsPath.substring(0, jsPath.lastIndexOf("/") + 1);
|
||||
}());
|
||||
|
||||
Dates.use = function(lib, id){
|
||||
var link = doc[creat]('link');
|
||||
link.type = 'text/css';
|
||||
link.rel = 'stylesheet';
|
||||
link.href = Dates.getPath + lib + as[5];
|
||||
id && (link.id = id);
|
||||
doc[tags]('head')[0].appendChild(link);
|
||||
link = null;
|
||||
};
|
||||
|
||||
Dates.trim = function(str){
|
||||
str = str || '';
|
||||
return str.replace(/^\s|\s$/g, '').replace(/\s+/g, ' ');
|
||||
};
|
||||
|
||||
//补齐数位
|
||||
Dates.digit = function(num){
|
||||
return num < 10 ? '0' + (num|0) : num;
|
||||
};
|
||||
|
||||
Dates.stopmp = function(e){
|
||||
e = e || win.event;
|
||||
e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
|
||||
return this;
|
||||
};
|
||||
|
||||
Dates.each = function(arr, fn){
|
||||
var i = 0, len = arr.length;
|
||||
for(; i < len; i++){
|
||||
if(fn(i, arr[i]) === false){
|
||||
break
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
Dates.hasClass = function(elem, cls){
|
||||
elem = elem || {};
|
||||
return new RegExp('\\b' + cls +'\\b').test(elem.className);
|
||||
};
|
||||
|
||||
Dates.addClass = function(elem, cls){
|
||||
elem = elem || {};
|
||||
Dates.hasClass(elem, cls) || (elem.className += ' ' + cls);
|
||||
elem.className = Dates.trim(elem.className);
|
||||
return this;
|
||||
};
|
||||
|
||||
Dates.removeClass = function(elem, cls) {
|
||||
elem = elem || {};
|
||||
if (Dates.hasClass(elem, cls)) {
|
||||
var reg = new RegExp('\\b' + cls +'\\b');
|
||||
elem.className = elem.className.replace(reg, '');
|
||||
}
|
||||
return this;
|
||||
};
|
||||
|
||||
//清除css属性
|
||||
Dates.removeCssAttr = function(elem, attr){
|
||||
var s = elem.style;
|
||||
if(s.removeProperty){
|
||||
s.removeProperty(attr);
|
||||
} else {
|
||||
s.removeAttribute(attr);
|
||||
}
|
||||
};
|
||||
|
||||
//显示隐藏
|
||||
Dates.shde = function(elem, type){
|
||||
elem.style.display = type ? 'none' : 'block';
|
||||
};
|
||||
|
||||
//简易选择器
|
||||
Dates.query = function(node){
|
||||
if(node && node.nodeType === 1){
|
||||
if(node.tagName.toLowerCase() !== 'input'){
|
||||
throw new Error('选择器elem错误');
|
||||
}
|
||||
return node;
|
||||
}
|
||||
|
||||
var node = (Dates.trim(node)).split(' '), elemId = doc[byid](node[0].substr(1)), arr;
|
||||
if(!elemId){
|
||||
return;
|
||||
} else if(!node[1]){
|
||||
return elemId;
|
||||
} else if(/^\./.test(node[1])){
|
||||
var find, child = node[1].substr(1), exp = new RegExp('\\b' + child +'\\b');
|
||||
arr = []
|
||||
find = doc.getElementsByClassName ? elemId.getElementsByClassName(child) : elemId[tags]('*');
|
||||
Dates.each(find, function(ii, that){
|
||||
exp.test(that.className) && arr.push(that);
|
||||
});
|
||||
return arr[0] ? arr : '';
|
||||
} else {
|
||||
arr = elemId[tags](node[1]);
|
||||
return arr[0] ? elemId[tags](node[1]) : '';
|
||||
}
|
||||
};
|
||||
|
||||
//事件监听器
|
||||
Dates.on = function(elem, even, fn){
|
||||
elem.attachEvent ? elem.attachEvent('on'+ even, function(){
|
||||
fn.call(elem, win.even);
|
||||
}) : elem.addEventListener(even, fn, false);
|
||||
return Dates;
|
||||
};
|
||||
|
||||
//阻断mouseup
|
||||
Dates.stopMosup = function(evt, elem){
|
||||
if(evt !== 'mouseup'){
|
||||
Dates.on(elem, 'mouseup', function(ev){
|
||||
Dates.stopmp(ev);
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
Dates.run = function(options){
|
||||
var S = Dates.query, elem, devt, even = as.event, target;
|
||||
try {
|
||||
target = even.target || even.srcElement || {};
|
||||
} catch(e){
|
||||
target = {};
|
||||
}
|
||||
elem = options.elem ? S(options.elem) : target;
|
||||
|
||||
as.elemv = /textarea|input/.test(elem.tagName.toLocaleLowerCase()) ? 'value' : 'innerHTML';
|
||||
if (('init' in options ? options.init : config.init) && (!elem[as.elemv])) elem[as.elemv] = laydate.now(null, options.format || config.format);
|
||||
|
||||
if(even && target.tagName){
|
||||
if(!elem || elem === Dates.elem){
|
||||
return;
|
||||
}
|
||||
Dates.stopMosup(even.type, elem);
|
||||
Dates.stopmp(even);
|
||||
Dates.view(elem, options);
|
||||
Dates.reshow();
|
||||
} else {
|
||||
devt = options.event || 'click';
|
||||
Dates.each((elem.length|0) > 0 ? elem : [elem], function(ii, that){
|
||||
Dates.stopMosup(devt, that);
|
||||
Dates.on(that, devt, function(ev){
|
||||
Dates.stopmp(ev);
|
||||
if(that !== Dates.elem){
|
||||
Dates.view(that, options);
|
||||
Dates.reshow();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
chgSkin(options.skin || config.skin)
|
||||
};
|
||||
|
||||
Dates.scroll = function(type){
|
||||
type = type ? 'scrollLeft' : 'scrollTop';
|
||||
return doc.body[type] | doc.documentElement[type];
|
||||
};
|
||||
|
||||
Dates.winarea = function(type){
|
||||
return document.documentElement[type ? 'clientWidth' : 'clientHeight']
|
||||
};
|
||||
|
||||
//判断闰年
|
||||
Dates.isleap = function(year){
|
||||
return (year%4 === 0 && year%100 !== 0) || year%400 === 0;
|
||||
};
|
||||
|
||||
//检测是否在有效期
|
||||
Dates.checkVoid = function(YY, MM, DD){
|
||||
var back = [];
|
||||
YY = YY|0;
|
||||
MM = MM|0;
|
||||
DD = DD|0;
|
||||
if(YY < Dates.mins[0]){
|
||||
back = ['y'];
|
||||
} else if(YY > Dates.maxs[0]){
|
||||
back = ['y', 1];
|
||||
} else if(YY >= Dates.mins[0] && YY <= Dates.maxs[0]){
|
||||
if(YY == Dates.mins[0]){
|
||||
if(MM < Dates.mins[1]){
|
||||
back = ['m'];
|
||||
} else if(MM == Dates.mins[1]){
|
||||
if(DD < Dates.mins[2]){
|
||||
back = ['d'];
|
||||
}
|
||||
}
|
||||
}
|
||||
if(YY == Dates.maxs[0]){
|
||||
if(MM > Dates.maxs[1]){
|
||||
back = ['m', 1];
|
||||
} else if(MM == Dates.maxs[1]){
|
||||
if(DD > Dates.maxs[2]){
|
||||
back = ['d', 1];
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return back;
|
||||
};
|
||||
|
||||
//时分秒的有效检测
|
||||
Dates.timeVoid = function(times, index){
|
||||
if(Dates.ymd[1]+1 == Dates.mins[1] && Dates.ymd[2] == Dates.mins[2]){
|
||||
if(index === 0 && (times < Dates.mins[3])){
|
||||
return 1;
|
||||
} else if(index === 1 && times < Dates.mins[4]){
|
||||
return 1;
|
||||
} else if(index === 2 && times < Dates.mins[5]){
|
||||
return 1;
|
||||
}
|
||||
} else if(Dates.ymd[1]+1 == Dates.maxs[1] && Dates.ymd[2] == Dates.maxs[2]){
|
||||
if(index === 0 && times > Dates.maxs[3]){
|
||||
return 1;
|
||||
} else if(index === 1 && times > Dates.maxs[4]){
|
||||
return 1;
|
||||
} else if(index === 2 && times > Dates.maxs[5]){
|
||||
return 1;
|
||||
}
|
||||
}
|
||||
if(times > (index ? 59 : 23)){
|
||||
return 1;
|
||||
}
|
||||
};
|
||||
|
||||
//检测日期是否合法
|
||||
Dates.check = function(){
|
||||
var reg = Dates.options.format.replace(/YYYY|MM|DD|hh|mm|ss/g,'\\d+\\').replace(/\\$/g, '');
|
||||
var exp = new RegExp(reg), value = Dates.elem[as.elemv];
|
||||
var arr = value.match(/\d+/g) || [], isvoid = Dates.checkVoid(arr[0], arr[1], arr[2]);
|
||||
if(value.replace(/\s/g, '') !== ''){
|
||||
if(!exp.test(value)){
|
||||
Dates.elem[as.elemv] = '';
|
||||
Dates.msg('日期不符合格式，请重新选择。');
|
||||
return 1;
|
||||
} else if(isvoid[0]){
|
||||
Dates.elem[as.elemv] = '';
|
||||
Dates.msg('日期不在有效期内，请重新选择。');
|
||||
return 1;
|
||||
} else {
|
||||
isvoid.value = Dates.elem[as.elemv].match(exp).join();
|
||||
arr = isvoid.value.match(/\d+/g);
|
||||
if(arr[1] < 1){
|
||||
arr[1] = 1;
|
||||
isvoid.auto = 1;
|
||||
} else if(arr[1] > 12){
|
||||
arr[1] = 12;
|
||||
isvoid.auto = 1;
|
||||
} else if(arr[1].length < 2){
|
||||
isvoid.auto = 1;
|
||||
}
|
||||
if(arr[2] < 1){
|
||||
arr[2] = 1;
|
||||
isvoid.auto = 1;
|
||||
} else if(arr[2] > Dates.months[(arr[1]|0)-1]){
|
||||
arr[2] = 31;
|
||||
isvoid.auto = 1;
|
||||
} else if(arr[2].length < 2){
|
||||
isvoid.auto = 1;
|
||||
}
|
||||
if(arr.length > 3){
|
||||
if(Dates.timeVoid(arr[3], 0)){
|
||||
isvoid.auto = 1;
|
||||
};
|
||||
if(Dates.timeVoid(arr[4], 1)){
|
||||
isvoid.auto = 1;
|
||||
};
|
||||
if(Dates.timeVoid(arr[5], 2)){
|
||||
isvoid.auto = 1;
|
||||
};
|
||||
}
|
||||
if(isvoid.auto){
|
||||
Dates.creation([arr[0], arr[1]|0, arr[2]|0], 1);
|
||||
} else if(isvoid.value !== Dates.elem[as.elemv]){
|
||||
Dates.elem[as.elemv] = isvoid.value;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
//生成日期
|
||||
Dates.months = [31, null, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
||||
Dates.viewDate = function(Y, M, D){
|
||||
var S = Dates.query, log = {}, De = new Date();
|
||||
Y < (Dates.mins[0]|0) && (Y = (Dates.mins[0]|0));
|
||||
Y > (Dates.maxs[0]|0) && (Y = (Dates.maxs[0]|0));
|
||||
|
||||
De.setFullYear(Y, M, D);
|
||||
log.ymd = [De.getFullYear(), De.getMonth(), De.getDate()];
|
||||
|
||||
Dates.months[1] = Dates.isleap(log.ymd[0]) ? 29 : 28;
|
||||
|
||||
De.setFullYear(log.ymd[0], log.ymd[1], 1);
|
||||
log.FDay = De.getDay();
|
||||
|
||||
log.PDay = Dates.months[M === 0 ? 11 : M - 1] - log.FDay + 1;
|
||||
log.NDay = 1;
|
||||
|
||||
//渲染日
|
||||
Dates.each(as.tds, function(i, elem){
|
||||
var YY = log.ymd[0], MM = log.ymd[1] + 1, DD;
|
||||
elem.className = '';
|
||||
if(i < log.FDay){
|
||||
elem.innerHTML = DD = i + log.PDay;
|
||||
Dates.addClass(elem, 'laydate_nothis');
|
||||
MM === 1 && (YY -= 1);
|
||||
MM = MM === 1 ? 12 : MM - 1;
|
||||
} else if(i >= log.FDay && i < log.FDay + Dates.months[log.ymd[1]]){
|
||||
elem.innerHTML = DD = i - log.FDay + 1;
|
||||
if(i - log.FDay + 1 === log.ymd[2]){
|
||||
Dates.addClass(elem, as[2]);
|
||||
log.thisDay = elem;
|
||||
}
|
||||
} else {
|
||||
elem.innerHTML = DD = log.NDay++;
|
||||
Dates.addClass(elem, 'laydate_nothis');
|
||||
MM === 12 && (YY += 1);
|
||||
MM = MM === 12 ? 1 : MM + 1;
|
||||
}
|
||||
|
||||
if(Dates.checkVoid(YY, MM, DD)[0]){
|
||||
Dates.addClass(elem, as[1]);
|
||||
}
|
||||
|
||||
Dates.options.festival && Dates.festival(elem, MM + '.' + DD);
|
||||
elem.setAttribute('y', YY);
|
||||
elem.setAttribute('m', MM);
|
||||
elem.setAttribute('d', DD);
|
||||
YY = MM = DD = null;
|
||||
});
|
||||
|
||||
Dates.valid = !Dates.hasClass(log.thisDay, as[1]);
|
||||
Dates.ymd = log.ymd;
|
||||
|
||||
//锁定年月
|
||||
as.year.value = Dates.ymd[0] + '年';
|
||||
as.month.value = Dates.digit(Dates.ymd[1] + 1) + '月';
|
||||
|
||||
//定位月
|
||||
Dates.each(as.mms, function(i, elem){
|
||||
var getCheck = Dates.checkVoid(Dates.ymd[0], (elem.getAttribute('m')|0) + 1);
|
||||
if(getCheck[0] === 'y' || getCheck[0] === 'm'){
|
||||
Dates.addClass(elem, as[1]);
|
||||
} else {
|
||||
Dates.removeClass(elem, as[1]);
|
||||
}
|
||||
Dates.removeClass(elem, as[2]);
|
||||
getCheck = null
|
||||
});
|
||||
Dates.addClass(as.mms[Dates.ymd[1]], as[2]);
|
||||
|
||||
//定位时分秒
|
||||
log.times = [
|
||||
Dates.inymd[Dates.elemIndexMap.hour]|0 || 0,
|
||||
Dates.inymd[Dates.elemIndexMap.minute]|0 || 0,
|
||||
Dates.inymd[Dates.elemIndexMap.second]|0 || 0
|
||||
];
|
||||
Dates.each(new Array(3), function(i){
|
||||
Dates.hmsin[i].value = Dates.digit(Dates.timeVoid(log.times[i], i) ? Dates.mins[i+3]|0 : log.times[i]|0);
|
||||
});
|
||||
|
||||
//确定按钮状态
|
||||
Dates[Dates.valid ? 'removeClass' : 'addClass'](as.ok, as[1]);
|
||||
};
|
||||
|
||||
//节日
|
||||
Dates.festival = function(td, md){
|
||||
var str;
|
||||
switch(md){
|
||||
case '1.1':
|
||||
str = '元旦';
|
||||
break;
|
||||
case '3.8':
|
||||
str = '妇女';
|
||||
break;
|
||||
case '4.5':
|
||||
str = '清明';
|
||||
break;
|
||||
case '5.1':
|
||||
str = '劳动';
|
||||
break;
|
||||
case '6.1':
|
||||
str = '儿童';
|
||||
break;
|
||||
case '9.10':
|
||||
str = '教师';
|
||||
break;
|
||||
case '10.1':
|
||||
str = '国庆';
|
||||
break;
|
||||
};
|
||||
str && (td.innerHTML = str);
|
||||
str = null;
|
||||
};
|
||||
|
||||
//生成年列表
|
||||
Dates.viewYears = function(YY){
|
||||
var S = Dates.query, str = '';
|
||||
Dates.each(new Array(14), function(i){
|
||||
if(i === 7) {
|
||||
str += '<li '+ (parseInt(as.year.value) === YY ? 'class="'+ as[2] +'"' : '') +' y="'+ YY +'">'+ YY +'年</li>';
|
||||
} else {
|
||||
str += '<li y="'+ (YY-7+i) +'">'+ (YY-7+i) +'年</li>';
|
||||
}
|
||||
});
|
||||
S('#laydate_ys').innerHTML = str;
|
||||
Dates.each(S('#laydate_ys li'), function(i, elem){
|
||||
if(Dates.checkVoid(elem.getAttribute('y'))[0] === 'y'){
|
||||
Dates.addClass(elem, as[1]);
|
||||
} else {
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev).reshow();
|
||||
Dates.viewDate(this.getAttribute('y')|0, Dates.ymd[1], Dates.ymd[2]);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Dates.getEachElementIndex = function(format) {
|
||||
var components = {};
|
||||
var currentIndex = 0;
|
||||
format.replace(/YYYY|MM|DD|hh|mm|ss/g, function(str, index){
|
||||
if (str === 'YYYY') {
|
||||
components['year'] = currentIndex++;
|
||||
} else if (str === 'MM') {
|
||||
components['month'] = currentIndex++;
|
||||
} else if (str === 'DD') {
|
||||
components['day'] = currentIndex++;
|
||||
} else if (str === 'hh') {
|
||||
components['hour'] = currentIndex++;
|
||||
} else if (str === 'mm') {
|
||||
components['minute'] = currentIndex++;
|
||||
} else if (str === 'ss') {
|
||||
components['second'] = currentIndex++;
|
||||
}
|
||||
return "";
|
||||
});
|
||||
return components;
|
||||
};
|
||||
|
||||
//初始化面板数据
|
||||
Dates.initDate = function(format){
|
||||
var S = Dates.query, log = {}, De = new Date();
|
||||
var ymd = Dates.elem[as.elemv].match(/\d+/g) || [];
|
||||
var elemIndexMap = Dates.getEachElementIndex(format);
|
||||
Dates.elemIndexMap = elemIndexMap;
|
||||
if(ymd.length < 3){
|
||||
ymd = Dates.options.start.match(/\d+/g) || [];
|
||||
if(ymd.length < 3){
|
||||
ymd = [De.getFullYear(), De.getMonth()+1, De.getDate()];
|
||||
}
|
||||
}
|
||||
Dates.inymd = ymd;
|
||||
Dates.viewDate(ymd[elemIndexMap.year], ymd[elemIndexMap.month] - 1, ymd[elemIndexMap.day]);
|
||||
};
|
||||
|
||||
//是否显示零件
|
||||
Dates.iswrite = function(){
|
||||
var S = Dates.query, log = {
|
||||
time: S('#laydate_hms')
|
||||
};
|
||||
Dates.shde(log.time, !Dates.options.istime);
|
||||
Dates.shde(as.oclear, !('isclear' in Dates.options ? Dates.options.isclear : 1));
|
||||
Dates.shde(as.otoday, !('istoday' in Dates.options ? Dates.options.istoday : 1));
|
||||
Dates.shde(as.ok, !('issure' in Dates.options ? Dates.options.issure : 1));
|
||||
};
|
||||
|
||||
//方位辨别
|
||||
Dates.orien = function(obj, pos){
|
||||
var tops, rect = Dates.elem.getBoundingClientRect();
|
||||
obj.style.left = rect.left + (pos ? 0 : Dates.scroll(1)) + 'px';
|
||||
if(rect.bottom + obj.offsetHeight/1.5 <= Dates.winarea()){
|
||||
tops = rect.bottom - 1;
|
||||
} else {
|
||||
tops = rect.top > obj.offsetHeight/1.5 ? rect.top - obj.offsetHeight + 1 : Dates.winarea() - obj.offsetHeight;
|
||||
}
|
||||
obj.style.top = Math.max(tops + (pos ? 0 : Dates.scroll()),1) + 'px';
|
||||
};
|
||||
|
||||
//吸附定位
|
||||
Dates.follow = function(obj){
|
||||
if(Dates.options.fixed){
|
||||
obj.style.position = 'fixed';
|
||||
Dates.orien(obj, 1);
|
||||
} else {
|
||||
obj.style.position = 'absolute';
|
||||
Dates.orien(obj);
|
||||
}
|
||||
};
|
||||
|
||||
//生成表格
|
||||
Dates.viewtb = (function(){
|
||||
var tr, view = [], weeks = [ '日', '一', '二', '三', '四', '五', '六'];
|
||||
var log = {}, table = doc[creat]('table'), thead = doc[creat]('thead');
|
||||
thead.appendChild(doc[creat]('tr'));
|
||||
log.creath = function(i){
|
||||
var th = doc[creat]('th');
|
||||
th.innerHTML = weeks[i];
|
||||
thead[tags]('tr')[0].appendChild(th);
|
||||
th = null;
|
||||
};
|
||||
|
||||
Dates.each(new Array(6), function(i){
|
||||
view.push([]);
|
||||
tr = table.insertRow(0);
|
||||
Dates.each(new Array(7), function(j){
|
||||
view[i][j] = 0;
|
||||
i === 0 && log.creath(j);
|
||||
tr.insertCell(j);
|
||||
});
|
||||
});
|
||||
|
||||
table.insertBefore(thead, table.children[0]);
|
||||
table.id = table.className = 'laydate_table';
|
||||
tr = view = null;
|
||||
return table.outerHTML.toLowerCase();
|
||||
}());
|
||||
|
||||
//渲染控件骨架
|
||||
Dates.view = function(elem, options){
|
||||
var S = Dates.query, div, log = {};
|
||||
options = options || elem;
|
||||
|
||||
Dates.elem = elem;
|
||||
Dates.options = options;
|
||||
Dates.options.format || (Dates.options.format = config.format);
|
||||
Dates.options.start = Dates.options.start || '';
|
||||
Dates.mm = log.mm = [Dates.options.min || config.min, Dates.options.max || config.max];
|
||||
Dates.mins = log.mm[0].match(/\d+/g);
|
||||
Dates.maxs = log.mm[1].match(/\d+/g);
|
||||
|
||||
if(!Dates.box){
|
||||
div = doc[creat]('div');
|
||||
div.id = as[0];
|
||||
div.className = as[0];
|
||||
div.style.cssText = 'position: absolute;';
|
||||
div.setAttribute('name', 'laydate-v'+ laydate.v);
|
||||
|
||||
div.innerHTML = log.html = '<div class="laydate_top">'
|
||||
+'<div class="laydate_ym laydate_y" id="laydate_YY">'
|
||||
+'<a class="laydate_choose laydate_chprev laydate_tab"><cite></cite></a>'
|
||||
+'<input id="laydate_y" readonly><label></label>'
|
||||
+'<a class="laydate_choose laydate_chnext laydate_tab"><cite></cite></a>'
|
||||
+'<div class="laydate_yms">'
|
||||
+'<a class="laydate_tab laydate_chtop"><cite></cite></a>'
|
||||
+'<ul id="laydate_ys"></ul>'
|
||||
+'<a class="laydate_tab laydate_chdown"><cite></cite></a>'
|
||||
+'</div>'
|
||||
+'</div>'
|
||||
+'<div class="laydate_ym laydate_m" id="laydate_MM">'
|
||||
+'<a class="laydate_choose laydate_chprev laydate_tab"><cite></cite></a>'
|
||||
+'<input id="laydate_m" readonly><label></label>'
|
||||
+'<a class="laydate_choose laydate_chnext laydate_tab"><cite></cite></a>'
|
||||
+'<div class="laydate_yms" id="laydate_ms">'+ function(){
|
||||
var str = '';
|
||||
Dates.each(new Array(12), function(i){
|
||||
str += '<span m="'+ i +'">'+ Dates.digit(i+1) +'月</span>';
|
||||
});
|
||||
return str;
|
||||
}() +'</div>'
|
||||
+'</div>'
|
||||
+'</div>'
|
||||
|
||||
+ Dates.viewtb
|
||||
|
||||
+'<div class="laydate_bottom">'
|
||||
+'<ul id="laydate_hms">'
|
||||
+'<li class="laydate_sj">时间</li>'
|
||||
+'<li><input readonly>:</li>'
|
||||
+'<li><input readonly>:</li>'
|
||||
+'<li><input readonly></li>'
|
||||
+'</ul>'
|
||||
+'<div class="laydate_time" id="laydate_time"></div>'
|
||||
+'<div class="laydate_btn">'
|
||||
+'<a id="laydate_clear">清空</a>'
|
||||
+'<a id="laydate_today">今天</a>'
|
||||
+'<a id="laydate_ok">确认</a>'
|
||||
+'</div>'
|
||||
+(config.isv ? '<a href="http://sentsin.com/layui/laydate/" class="laydate_v" target="_blank">laydate-v'+ laydate.v +'</a>' : '')
|
||||
+'</div>';
|
||||
doc.body.appendChild(div);
|
||||
Dates.box = S('#'+as[0]);
|
||||
Dates.events();
|
||||
div = null;
|
||||
} else {
|
||||
Dates.shde(Dates.box);
|
||||
}
|
||||
Dates.follow(Dates.box);
|
||||
options.zIndex ? Dates.box.style.zIndex = options.zIndex : Dates.removeCssAttr(Dates.box, 'z-index');
|
||||
Dates.stopMosup('click', Dates.box);
|
||||
|
||||
Dates.initDate(options.format);
|
||||
Dates.iswrite();
|
||||
Dates.check();
|
||||
};
|
||||
|
||||
//隐藏内部弹出元素
|
||||
Dates.reshow = function(){
|
||||
Dates.each(Dates.query('#'+ as[0] +' .laydate_show'), function(i, elem){
|
||||
Dates.removeClass(elem, 'laydate_show');
|
||||
});
|
||||
return this;
|
||||
};
|
||||
|
||||
//关闭控件
|
||||
Dates.close = function(){
|
||||
Dates.reshow();
|
||||
Dates.shde(Dates.query('#'+ as[0]), 1);
|
||||
Dates.elem = null;
|
||||
};
|
||||
|
||||
//转换日期格式
|
||||
Dates.parse = function(ymd, hms, format){
|
||||
ymd = ymd.concat(hms); // [year, month, day, hour, minute, second]
|
||||
format = format || (Dates.options ? Dates.options.format : config.format);
|
||||
return format.replace(/YYYY|MM|DD|hh|mm|ss/g, function(str, index){
|
||||
var pos = -1;
|
||||
if (str === 'YYYY') {
|
||||
pos = 0;
|
||||
} else if (str === 'MM') {
|
||||
pos = 1;
|
||||
} else if (str === 'DD') {
|
||||
pos = 2;
|
||||
} else if (str === 'hh') {
|
||||
pos = 3;
|
||||
} else if (str === 'mm') {
|
||||
pos = 4;
|
||||
} else if (str === 'ss') {
|
||||
pos = 5;
|
||||
}
|
||||
return Dates.digit(ymd[pos]);
|
||||
});
|
||||
};
|
||||
|
||||
//返回最终日期
|
||||
Dates.creation = function(ymd, hide){
|
||||
var S = Dates.query, hms = Dates.hmsin;
|
||||
var getDates = Dates.parse(ymd, [hms[0].value, hms[1].value, hms[2].value]);
|
||||
Dates.elem[as.elemv] = getDates;
|
||||
if(!hide){
|
||||
Dates.close();
|
||||
typeof Dates.options.choose === 'function' && Dates.options.choose(getDates);
|
||||
}
|
||||
};
|
||||
|
||||
//事件
|
||||
Dates.events = function(){
|
||||
var S = Dates.query, log = {
|
||||
box: '#'+as[0]
|
||||
};
|
||||
|
||||
Dates.addClass(doc.body, 'laydate_body');
|
||||
|
||||
as.tds = S('#laydate_table td');
|
||||
as.mms = S('#laydate_ms span');
|
||||
as.year = S('#laydate_y');
|
||||
as.month = S('#laydate_m');
|
||||
|
||||
//显示更多年月
|
||||
Dates.each(S(log.box + ' .laydate_ym'), function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev).reshow();
|
||||
Dates.addClass(this[tags]('div')[0], 'laydate_show');
|
||||
if(!i){
|
||||
log.YY = parseInt(as.year.value);
|
||||
Dates.viewYears(log.YY);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
Dates.on(S(log.box), 'click', function(){
|
||||
Dates.reshow();
|
||||
});
|
||||
|
||||
//切换年
|
||||
log.tabYear = function(type){
|
||||
if(type === 0){
|
||||
Dates.ymd[0]--;
|
||||
} else if(type === 1) {
|
||||
Dates.ymd[0]++;
|
||||
} else if(type === 2) {
|
||||
log.YY -= 14;
|
||||
} else {
|
||||
log.YY += 14;
|
||||
}
|
||||
if(type < 2){
|
||||
Dates.viewDate(Dates.ymd[0], Dates.ymd[1], Dates.ymd[2]);
|
||||
Dates.reshow();
|
||||
} else {
|
||||
Dates.viewYears(log.YY);
|
||||
}
|
||||
};
|
||||
Dates.each(S('#laydate_YY .laydate_tab'), function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev);
|
||||
log.tabYear(i);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
//切换月
|
||||
log.tabMonth = function(type){
|
||||
if(type){
|
||||
Dates.ymd[1]++;
|
||||
if(Dates.ymd[1] === 12){
|
||||
Dates.ymd[0]++;
|
||||
Dates.ymd[1] = 0;
|
||||
}
|
||||
} else {
|
||||
Dates.ymd[1]--;
|
||||
if(Dates.ymd[1] === -1){
|
||||
Dates.ymd[0]--;
|
||||
Dates.ymd[1] = 11;
|
||||
}
|
||||
}
|
||||
Dates.viewDate(Dates.ymd[0], Dates.ymd[1], Dates.ymd[2]);
|
||||
};
|
||||
Dates.each(S('#laydate_MM .laydate_tab'), function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev).reshow();
|
||||
log.tabMonth(i);
|
||||
});
|
||||
});
|
||||
|
||||
//选择月
|
||||
Dates.each(S('#laydate_ms span'), function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev).reshow();
|
||||
if(!Dates.hasClass(this, as[1])){
|
||||
Dates.viewDate(Dates.ymd[0], this.getAttribute('m')|0, Dates.ymd[2]);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//选择日
|
||||
Dates.each(S('#laydate_table td'), function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
if(!Dates.hasClass(this, as[1])){
|
||||
Dates.stopmp(ev);
|
||||
if(Dates.options.istime){
|
||||
+ Dates.viewDate([this.getAttribute('y')|0, (this.getAttribute('m')|0)-1, this.getAttribute('d')|0]);
|
||||
+ }else{
|
||||
+ Dates.creation([this.getAttribute('y')|0, this.getAttribute('m')|0, this.getAttribute('d')|0]);
|
||||
+ }
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//清空
|
||||
as.oclear = S('#laydate_clear');
|
||||
Dates.on(as.oclear, 'click', function(){
|
||||
Dates.elem[as.elemv] = '';
|
||||
Dates.close();
|
||||
});
|
||||
|
||||
//今天
|
||||
as.otoday = S('#laydate_today');
|
||||
Dates.on(as.otoday, 'click', function(){
|
||||
var now = new Date();
|
||||
// 2016-09-23 18:20:54 修复选中今天choose方法得不到数据
|
||||
// Dates.creation([now.getFullYear(), now.getMonth() + 1, now.getDate()]);
|
||||
|
||||
// 2016-09-26 10:49:25 修复选中今天 如果YYYY-MM-DD hh:mm:ss格式，获取当前的时分秒
|
||||
var hms = Dates.hmsin;
|
||||
var date = new Date();
|
||||
// 获取当前时间小时
|
||||
hms[0].value = date.getHours();
|
||||
// 获取当前时间分钟
|
||||
hms[1].value = date.getMinutes();
|
||||
// 获取当前时间秒
|
||||
hms[2].value = date.getSeconds();
|
||||
Dates.creation([Dates.ymd[0], Dates.ymd[1]+1, Dates.ymd[2]]);
|
||||
});
|
||||
|
||||
//确认
|
||||
as.ok = S('#laydate_ok');
|
||||
Dates.on(as.ok, 'click', function(){
|
||||
if(Dates.valid){
|
||||
Dates.creation([Dates.ymd[0], Dates.ymd[1]+1, Dates.ymd[2]]);
|
||||
}
|
||||
});
|
||||
|
||||
//选择时分秒
|
||||
log.times = S('#laydate_time');
|
||||
Dates.hmsin = log.hmsin = S('#laydate_hms input');
|
||||
log.hmss = ['小时', '分钟', '秒数'];
|
||||
log.hmsarr = [];
|
||||
|
||||
//生成时分秒或警告信息
|
||||
Dates.msg = function(i, title){
|
||||
var str = '<div class="laydte_hsmtex">'+ (title || '提示') +'<span>×</span></div>';
|
||||
if(typeof i === 'string'){
|
||||
str += '<p>'+ i +'</p>';
|
||||
Dates.shde(S('#'+as[0]));
|
||||
Dates.removeClass(log.times, 'laydate_time1').addClass(log.times, 'laydate_msg');
|
||||
} else {
|
||||
if(!log.hmsarr[i]){
|
||||
str += '<div id="laydate_hmsno" class="laydate_hmsno">';
|
||||
Dates.each(new Array(i === 0 ? 24 : 60), function(i){
|
||||
str += '<span>'+ i +'</span>';
|
||||
});
|
||||
str += '</div>'
|
||||
log.hmsarr[i] = str;
|
||||
} else {
|
||||
str = log.hmsarr[i];
|
||||
}
|
||||
Dates.removeClass(log.times, 'laydate_msg');
|
||||
Dates[i=== 0 ? 'removeClass' : 'addClass'](log.times, 'laydate_time1');
|
||||
}
|
||||
Dates.addClass(log.times, 'laydate_show');
|
||||
log.times.innerHTML = str;
|
||||
};
|
||||
|
||||
log.hmson = function(input, index){
|
||||
var span = S('#laydate_hmsno span'), set = Dates.valid ? null : 1;
|
||||
Dates.each(span, function(i, elem){
|
||||
if(set){
|
||||
Dates.addClass(elem, as[1]);
|
||||
} else if(Dates.timeVoid(i, index)){
|
||||
Dates.addClass(elem, as[1]);
|
||||
} else {
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
if(!Dates.hasClass(this, as[1])){
|
||||
input.value = Dates.digit(this.innerHTML|0);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
Dates.addClass(span[input.value|0], 'laydate_click');
|
||||
};
|
||||
|
||||
//展开选择
|
||||
Dates.each(log.hmsin, function(i, elem){
|
||||
Dates.on(elem, 'click', function(ev){
|
||||
Dates.stopmp(ev).reshow();
|
||||
Dates.msg(i, log.hmss[i]);
|
||||
log.hmson(this, i);
|
||||
});
|
||||
});
|
||||
|
||||
Dates.on(doc, 'mouseup', function(){
|
||||
var box = S('#'+as[0]);
|
||||
if(box && box.style.display !== 'none'){
|
||||
Dates.check() || Dates.close();
|
||||
}
|
||||
}).on(doc, 'keydown', function(event){
|
||||
event = event || win.event;
|
||||
var codes = event.keyCode;
|
||||
|
||||
//如果在日期显示的时候按回车
|
||||
if(codes === 13 && Dates.elem){
|
||||
Dates.creation([Dates.ymd[0], Dates.ymd[1]+1, Dates.ymd[2]]);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
Dates.init = (function(){
|
||||
Dates.use('need');
|
||||
Dates.use(as[4] + config.skin, as[3]);
|
||||
Dates.skinLink = Dates.query('#'+as[3]);
|
||||
}());
|
||||
|
||||
//重置定位
|
||||
laydate.reset = function(){
|
||||
(Dates.box && Dates.elem) && Dates.follow(Dates.box);
|
||||
};
|
||||
|
||||
//返回指定日期
|
||||
laydate.now = function(timestamp, format){
|
||||
var De = new Date((timestamp|0) ? function(tamp){
|
||||
return tamp < 86400000 ? (+new Date + tamp*86400000) : tamp;
|
||||
}(parseInt(timestamp)) : +new Date);
|
||||
return Dates.parse(
|
||||
[De.getFullYear(), De.getMonth()+1, De.getDate()],
|
||||
[De.getHours(), De.getMinutes(), De.getSeconds()],
|
||||
format
|
||||
);
|
||||
};
|
||||
|
||||
//皮肤选择
|
||||
laydate.skin = chgSkin;
|
||||
|
||||
//内部函数
|
||||
function chgSkin(lib) {
|
||||
Dates.skinLink.href = Dates.getPath + as[4] + lib + as[5];
|
||||
};
|
||||
|
||||
}(window);
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,73 @@
|
||||
/**
|
||||
|
||||
@Name： laydate 核心样式
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
html{_background-image:url(about:blank); _background-attachment:fixed;}
|
||||
.laydate_body .laydate_box, .laydate_body .laydate_box *{margin:0; padding:0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
|
||||
.laydate-icon,
|
||||
.laydate-icon-default,
|
||||
.laydate-icon-danlan,
|
||||
.laydate-icon-dahong,
|
||||
.laydate-icon-molv{height:22px; line-height:22px; padding-right:20px; border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; outline:0;}
|
||||
.laydate-icon-default{ background-image:url(../skins/default/icon.png)}
|
||||
.laydate-icon-danlan{border:1px solid #B1D2EC; background-image:url(../skins/danlan/icon.png)}
|
||||
.laydate-icon-dahong{background-image:url(../skins/dahong/icon.png)}
|
||||
.laydate-icon-molv{background-image:url(../skins/molv/icon.png)}
|
||||
.laydate_body .laydate_box{width:240px; font:12px '\5B8B\4F53'; z-index:99999999; *margin:-2px 0 0 -2px; *overflow:hidden; _margin:0; _position:absolute!important; background-color:#fff;}
|
||||
.laydate_body .laydate_box li{list-style:none;}
|
||||
.laydate_body .laydate_box .laydate_void{cursor:text!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{text-decoration:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;}
|
||||
.laydate_body .laydate_box a:hover{text-decoration:none;}
|
||||
.laydate_body .laydate_box cite, .laydate_body .laydate_box label{position:absolute; width:0; height:0; border-width:5px; border-style:dashed; border-color:transparent; overflow:hidden; cursor:pointer;}
|
||||
.laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time{display:none;}
|
||||
.laydate_body .laydate_box .laydate_show{display:block;}
|
||||
.laydate_body .laydate_box input{outline:0; font-size:14px; background-color:#fff;}
|
||||
.laydate_body .laydate_top{position:relative; height:26px; padding:5px; *width:100%; z-index:99;}
|
||||
.laydate_body .laydate_ym{position:relative; float:left; height:24px; cursor:pointer;}
|
||||
.laydate_body .laydate_ym input{float:left; height:24px; line-height:24px; text-align:center; border:none; cursor:pointer;}
|
||||
.laydate_body .laydate_ym .laydate_yms{position:absolute; left: -1px; top: 24px; height:181px;}
|
||||
.laydate_body .laydate_y{width:121px; margin-right:6px;}
|
||||
.laydate_body .laydate_y input{width:64px; margin-right:15px;}
|
||||
.laydate_body .laydate_y .laydate_yms{width:121px; text-align:center;}
|
||||
.laydate_body .laydate_y .laydate_yms a{position:relative; display:block; height:20px;}
|
||||
.laydate_body .laydate_y .laydate_yms ul{height:139px; padding:0; *overflow:hidden;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li{float:left; width:60px; height:20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||
.laydate_body .laydate_m{width:99px;}
|
||||
.laydate_body .laydate_m .laydate_yms{width:99px; padding:0;}
|
||||
.laydate_body .laydate_m input{width:42px; margin-right:15px;}
|
||||
.laydate_body .laydate_m .laydate_yms span{display:block; float:left; width:42px; margin: 5px 0 0 5px; line-height:24px; text-align:center; _display:inline;}
|
||||
.laydate_body .laydate_choose{display:block; float:left; position:relative; width:20px; height:24px;}
|
||||
.laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite{left:50%; top:50%;}
|
||||
.laydate_body .laydate_chtop cite{margin:-7px 0 0 -5px; border-bottom-style:solid;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{top:50%; margin:-2px 0 0 -5px; border-top-style:solid;}
|
||||
.laydate_body .laydate_chprev cite{margin:-5px 0 0 -7px;}
|
||||
.laydate_body .laydate_chnext cite{margin:-5px 0 0 -2px;}
|
||||
.laydate_body .laydate_ym label{right:28px;}
|
||||
.laydate_body .laydate_table{ width:230px; margin:0 5px; border-collapse:collapse; border-spacing:0px; }
|
||||
.laydate_body .laydate_table td{width:31px; height:19px; line-height:19px; text-align: center; cursor:pointer; font-size: 12px;}
|
||||
.laydate_body .laydate_table thead{height:22px; line-height:22px;}
|
||||
.laydate_body .laydate_table thead th{font-weight:400; font-size:12px; text-align:center;}
|
||||
.laydate_body .laydate_bottom{position:relative; height:22px; line-height:20px; padding:5px; font-size:12px;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{position: relative; z-index: 1; float:left; }
|
||||
.laydate_body .laydate_time{ position:absolute; left:5px; bottom: 26px; width:129px; height:125px; *overflow:hidden;}
|
||||
.laydate_body .laydate_time .laydate_hmsno{ padding:5px 0 0 5px;}
|
||||
.laydate_body .laydate_time .laydate_hmsno span{display:block; float:left; width:24px; height:19px; line-height:19px; text-align:center; cursor:pointer; *margin-bottom:-5px;}
|
||||
.laydate_body .laydate_time1{width:228px; height:154px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno{padding: 6px 0 0 8px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno span{width:21px; height:20px; line-height:20px;}
|
||||
.laydate_body .laydate_msg{left:49px; bottom:67px; width:141px; height:auto; overflow: hidden;}
|
||||
.laydate_body .laydate_msg p{padding:5px 10px;}
|
||||
.laydate_body .laydate_bottom li{float:left; height:20px; line-height:20px; border-right:none; font-weight:900;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:33px; text-align:center; font-weight:400;}
|
||||
.laydate_body .laydate_bottom input{float:left; width:21px; height:20px; line-height:20px; border:none; text-align:center; cursor:pointer; font-size:12px; font-weight:400;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{height:20px; line-height:20px; text-align:center;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span{position:absolute; width:20px; top:0; right:0px; cursor:pointer;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span:hover{font-size:14px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{position:absolute; right:5px; top:5px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{float:left; height:20px; padding:0 6px; _padding:0 5px;}
|
||||
.laydate_body .laydate_bottom .laydate_v{position:absolute; left:10px; top:6px; font-family:Courier; z-index:0;}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 307 B |
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：大红
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #ccc; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#F32043!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #D91600; background-color:#D91600}
|
||||
.laydate_body .laydate_ym{border:1px solid #D91600; background-color:#D91600;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #D91600; background-color:#D91600; color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #D91600;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #D91600; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #D91600;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #D91600;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#F54766;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#fff;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#fff;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#fff;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#fff;}
|
||||
.laydate_body .laydate_table{width: 240px!important; margin: 0!important; border:1px solid #ccc; border-top:none; border-bottom:none;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{border-bottom:1px solid #ccc; height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border:1px solid #ccc; border-top:none;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_time1{width: 226px!important; height: 152px!important;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:31px!important; border-right:1px solid #ccc; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border: 1px solid #ccc; border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F6F6F6; color:#333;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover{background-color:#F54766; color:#fff;}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
@@ -0,0 +1,67 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：淡蓝
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #B1D2EC; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #B1D2EC;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead{background-color:#DEECF8;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_box input{color:#1F547E;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#BDD8EE!important;}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#1F547E;}
|
||||
.laydate_body .laydate_click{background-color:#DEECF8!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_ym .laydate_yms{background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #B1D2EC; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{color:#000;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#3081C2;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#3081C2;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#3081C2;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#3081C2;}
|
||||
.laydate_body .laydate_table td{background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#60A2D7;}
|
||||
.laydate_body .laydate_table thead{color:#163A58;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #B1D2EC; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#75AEDD}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{ border-right:none; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{ background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#ECF4FB}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：默认
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #C6C6C6; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#F6F6F6;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{color:#333;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important; /*text-decoration:line-through;*/}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#eee!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #C6C6C6; background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #C6C6C6; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#fff;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#666;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#666;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#666;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#666;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #C6C6C6; background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#000; background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover{background-color:#F3F3F3}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 309 B |
@@ -0,0 +1,59 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：墨绿
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #ccc; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time{border:1px solid #ccc;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#00E8D7!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#00625A;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#009F95!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #009F95; background-color:#009F95}
|
||||
.laydate_body .laydate_ym{border:1px solid #009F95; background-color:#009F95;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #009F95; background-color:#009F95; color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #009F95;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #009F95; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #009F95;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #009F95;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#00C1B3;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#fff;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#fff;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#fff;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#fff;}
|
||||
.laydate_body .laydate_table{width: 240px!important; margin: 0!important; border:1px solid #ccc; border-top:none; border-bottom:none;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{border-bottom:1px solid #ccc; height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border:1px solid #ccc; border-top:none;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_time1{width: 226px!important; height: 152px!important;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:31px!important; border-right:1px solid #ccc; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff; color:#00625A;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #ccc;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border: 1px solid #ccc; border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F6F6F6; color:#00625A;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover{background-color:#00C1B3; color:#fff;}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 328 B |
@@ -0,0 +1,70 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：浅黄
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #E7D7CB; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #DEC8B8;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead{background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color: #F7F4ED!important; color:#8B743F;}
|
||||
.laydate_body .laydate_box input{color:#8B743F;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#CBB98D!important;}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_box a:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_click{background-color:#DEC8B8!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_ym .laydate_yms{background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #DEC8B8; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{color:#8B743F;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#8B743F;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#8B743F;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#8B743F;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#8B743F;}
|
||||
.laydate_body .laydate_table td{background-color:#F4F0E6; color:#8B743F;}
|
||||
.laydate_body .laydate_table .laydate_nothis{background-color:#fff; color:#C0AA76;}
|
||||
.laydate_body .laydate_table thead{color:#163A58;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #DEC8B8;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{ border-right:none; background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#163A58;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_sj,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex,
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#F7F4ED}
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 314 B |
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：雅灰
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #C6C6C6; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #C6C6C6;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#F0F0F0;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#333;}
|
||||
.laydate_body .laydate_box input{color:#333;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#ccc!important; /*text-decoration:line-through;*/}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#E9E9E9!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #C6C6C6; background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #C6C6C6; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover{background-color:#F1F1F1; color:#000;}
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{background-color:#F1F1F1; color:#000;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#F6F6F6;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#666;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#666;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#666;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#666;}
|
||||
.laydate_body .laydate_table td{border:1px solid #C6C6C6; color:#333;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#999;}
|
||||
.laydate_body .laydate_table thead{ background-color:#E3E3E3; color:#000;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #C6C6C6; background-color:#F3F3F3;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #C6C6C6;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#999}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#F0F0F0;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{color:#000; background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover{background-color:#F2F2F2}
|
||||
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 324 B |
@@ -0,0 +1,58 @@
|
||||
/**
|
||||
|
||||
@Name： laydate皮肤：雅兰
|
||||
@Author：贤心
|
||||
@Site：http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #34AADC; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #34AADC;}
|
||||
|
||||
.laydate_body .laydate_box{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{background-color:#34AADC!important; color:#fff;}
|
||||
.laydate_body .laydate_box input{background:none!important; color:#fff;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#fff!important; background:none!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#333;}
|
||||
.laydate_body .laydate_box a:hover{color:#666;}
|
||||
.laydate_body .laydate_click{background-color:#67BFE4!important; color:#fff!important;}
|
||||
.laydate_body .laydate_top{}
|
||||
.laydate_body .laydate_ym{background-color:#50B5E0; border:1px solid #50B5E0;}
|
||||
.laydate_body .laydate_ym .laydate_yms{border:1px solid #2293C4; background-color:#2293C4;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #50B5E0; background-color:#50B5E0;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #50B5E0; border-bottom:none;}
|
||||
.laydate_body .laydate_choose{}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #50B5E0;}
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover{background-color:#61BBE2;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#C7E8F5;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#C7E8F5;}
|
||||
.laydate_body .laydate_table td{border:none; height:21px!important; line-height:21px!important; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_table .laydate_nothis{background:none;}
|
||||
.laydate_body .laydate_table thead{height:21px!important; line-height:21px!important;}
|
||||
.laydate_body .laydate_table thead th{}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #34AADC; color:#fff;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#50B5E0;}
|
||||
.laydate_body .laydate_time{background-color:#2293C4;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #50B5E0; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #67BFE4; background-color:#2293C4;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #34AADC;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#ccc}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border-right:none; background-color:#50B5E0; color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{background-color:#6BC0E4;}
|
||||
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_time .laydate_hmsno span:hover{background-color:#87CBE9; color:#fff;}
|
||||
|
||||
|
||||
@@ -0,0 +1,58 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Demo1</title>
|
||||
<style type="text/css">
|
||||
.demo1{
|
||||
height:300px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div style="height:500px;"></div>
|
||||
<div class="demo1">
|
||||
方本框：<input type="text" id="J-xl">
|
||||
</div>
|
||||
|
||||
<div class="demo1">
|
||||
按钮触发：<input type="text" id="J-xl-2"><input type="button" id="J-xl-2-btn" value="打开">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="demo1">
|
||||
<label for="J-xl-3">Label触发：</label><input type="text" id="J-xl-3" >
|
||||
</div>
|
||||
|
||||
<div class="demo1">
|
||||
直接传dom：<input type="text" id="J-xl-4" >
|
||||
</div>
|
||||
|
||||
|
||||
<script type="text/javascript" src="../laydate.js"></script>
|
||||
<script type="text/javascript">
|
||||
laydate({
|
||||
elem: '#J-xl',
|
||||
format: 'YYYY-MM-DD hh:mm:ss', // 分隔符可以任意定义，该例子表示只显示年月
|
||||
choose: function(datas){
|
||||
console.log(datas);
|
||||
}
|
||||
});
|
||||
|
||||
// document.getElementById('J-xl-2-btn').onclick = function(){
|
||||
// laydate({
|
||||
// elem: '#J-xl-2'
|
||||
// });
|
||||
// }
|
||||
|
||||
// laydate({
|
||||
// elem: '#J-xl-3'
|
||||
// });
|
||||
|
||||
// laydate({
|
||||
// elem: document.getElementById('J-xl-4')
|
||||
// });
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Demo2 for Seajs</title>
|
||||
</head>
|
||||
<body>
|
||||
<div style="height:300px;"></div>
|
||||
|
||||
<input type="text" id="J-xl">
|
||||
|
||||
<script type="text/javascript" src="//libs.useso.com/js/seajs/2.2.1/sea.js"></script>
|
||||
<script type="text/javascript" src="../laydate.dev.js"></script>
|
||||
<script type="text/javascript">
|
||||
seajs.use('./demo2');
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,7 @@
|
||||
define(function(){
|
||||
'use strict';
|
||||
|
||||
laydate({
|
||||
elem: '#J-xl'
|
||||
});
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
|
||||
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Reference in New Issue
Block a user