init: CasSsoService CAS 5.3 overlay (cas.war via LFS)
This commit is contained in:
chenxing
@@ -0,0 +1,2 @@
|
||||
/index_.html
|
||||
/.idea
|
||||
@@ -0,0 +1 @@
|
||||
a{text-decoration:none;color:#337ab7}a:hover{text-decoration:underline}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none}html{font-size:14px}body{background-color:#eff2f6}
|
||||
@@ -0,0 +1 @@
|
||||
*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1)}*:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1)}*::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.3);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1)}*::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:white}*::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4);background-color:rgba(0,0,0,0.01)}.scroll2::-webkit-scrollbar{width:10px;height:10px}.scroll2::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:white}.scroll2::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1)}.scroll2:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1)}.scroll2::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4)}.scroll2::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.4)}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1 @@
|
||||
@media (max-width:768px){body{min-width:100%}html,body,#app{height:100%}.app-down,.banner-box{display:none}.footer-container{height:58px}header.header-wrapper{height:58px;padding:0 10px}.banner-wrapper{padding-top:48px;height:calc(100% - 105px)}.banner-box,.tabs,.app-list-wrapper,.wait-app-wrapper{display:none !important}.main-wrapper{width:100% !important;margin:0 auto !important}.login-wrapper{width:90% !important;margin:0 auto !important ;float:none !important}.login-header ul{padding:14px 0 !important}.login-header ul li{margin-right:10px !important}.login-form{margin:20px 15px !important}.login-form .form-item{margin-top:15px !important}.login-form .icon-box{width:40px !important;height:40px !important}.login-form p.input-box input{padding:4px 10px 4px 12px !important}.operate-box{margin:12px 0 !important}.operate-box a{font-size:12px !important}.btn-submit{height:40px !important;line-height:40px !important;font-size:14px !important;margin-bottom:10px !important}}
|
||||
+1
@@ -0,0 +1 @@
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
|
||||
@@ -0,0 +1 @@
|
||||
.html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;line-height:1.5}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{width:100%;height:100%;margin:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
|
||||
@@ -0,0 +1,2 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
|
||||
.html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;line-height: 1.5;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}html, body { width: 100%; height: 100%; overflow: auto; margin: 0; scroll-behavior: smooth; -webkit-overflow-scrolling: touch;}
|
||||
@@ -0,0 +1,295 @@
|
||||
/* @import "https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400"; */
|
||||
/* colors */
|
||||
/* tab setting */
|
||||
/* breakpoints */
|
||||
/* selectors relative to radio inputs */
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
/*background: #efefef;*/
|
||||
color: #333;
|
||||
/* font-family: "Raleway"; */
|
||||
height: 100%;
|
||||
}
|
||||
body h1 {
|
||||
text-align: center;
|
||||
color: #428BFF;
|
||||
font-weight: 300;
|
||||
padding: 40px 0 20px 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
left: 50%;
|
||||
-webkit-transform: translateX(-50%);
|
||||
transform: translateX(-50%);
|
||||
position: relative;
|
||||
background: white;
|
||||
padding: 50px;
|
||||
padding-bottom: 80px;
|
||||
margin-top: 50px;
|
||||
width: 60%;
|
||||
/*height: 250px;*/
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
border-radius: 5px;
|
||||
min-width: 240px;
|
||||
}
|
||||
.tabs input[name="tab-control"] {
|
||||
display: none;
|
||||
}
|
||||
.tabs .content section h2,
|
||||
.tabs ul li label {
|
||||
font-family: "Montserrat";
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
color: #428BFF;
|
||||
}
|
||||
.tabs ul {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: row;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
margin-bottom: 10px;
|
||||
-webkit-box-pack: justify;
|
||||
-webkit-justify-content: space-between;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
-webkit-box-align: end;
|
||||
-webkit-align-items: flex-end;
|
||||
-ms-flex-align: end;
|
||||
align-items: flex-end;
|
||||
-webkit-flex-wrap: wrap;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.tabs ul li {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
width: 25%;
|
||||
padding: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.tabs ul li label {
|
||||
-webkit-transition: all 0.3s ease-in-out;
|
||||
transition: all 0.3s ease-in-out;
|
||||
color: #929daf;
|
||||
padding: 5px auto;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
white-space: nowrap;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.tabs ul li label br {
|
||||
display: none;
|
||||
}
|
||||
.tabs ul li label svg {
|
||||
fill: #929daf;
|
||||
height: 1.2em;
|
||||
vertical-align: bottom;
|
||||
margin-right: 0.2em;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
|
||||
outline: 0;
|
||||
color: #bec5cf;
|
||||
}
|
||||
.tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
|
||||
fill: #bec5cf;
|
||||
}
|
||||
.tabs .slider {
|
||||
position: relative;
|
||||
width: 25%;
|
||||
-webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
|
||||
transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
|
||||
}
|
||||
.tabs .slider .indicator {
|
||||
position: relative;
|
||||
width: 50px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
height: 4px;
|
||||
background: #428BFF;
|
||||
border-radius: 1px;
|
||||
}
|
||||
.tabs .content {
|
||||
margin-top: 30px;
|
||||
}
|
||||
.tabs .content section {
|
||||
display: none;
|
||||
-webkit-animation-name: content;
|
||||
animation-name: content;
|
||||
-webkit-animation-direction: normal;
|
||||
animation-direction: normal;
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out;
|
||||
-webkit-animation-iteration-count: 1;
|
||||
animation-iteration-count: 1;
|
||||
line-height: 1.4;
|
||||
}
|
||||
.tabs .content section h2 {
|
||||
color: #428BFF;
|
||||
display: none;
|
||||
}
|
||||
.tabs .content section h2::after {
|
||||
content: "";
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 3px;
|
||||
background: #428BFF;
|
||||
margin-top: 5px;
|
||||
left: 1px;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
|
||||
cursor: default;
|
||||
color: #428BFF;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
|
||||
fill: #428BFF;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
|
||||
-webkit-transform: translateX(0%);
|
||||
transform: translateX(0%);
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
|
||||
display: block;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
|
||||
cursor: default;
|
||||
color: #428BFF;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
|
||||
fill: #428BFF;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
|
||||
-webkit-transform: translateX(100%);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
|
||||
display: block;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
|
||||
cursor: default;
|
||||
color: #428BFF;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
|
||||
fill: #428BFF;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
|
||||
-webkit-transform: translateX(200%);
|
||||
transform: translateX(200%);
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
|
||||
display: block;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
|
||||
cursor: default;
|
||||
color: #428BFF;
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
|
||||
fill: #428BFF;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
|
||||
-webkit-transform: translateX(300%);
|
||||
transform: translateX(300%);
|
||||
}
|
||||
.tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
|
||||
display: block;
|
||||
}
|
||||
@-webkit-keyframes content {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(5%);
|
||||
transform: translateY(5%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@keyframes content {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(5%);
|
||||
transform: translateY(5%);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0%);
|
||||
transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@media (max-width: 1000px) {
|
||||
.tabs ul li label {
|
||||
white-space: initial;
|
||||
}
|
||||
.tabs ul li label br {
|
||||
display: initial;
|
||||
}
|
||||
.tabs ul li label svg {
|
||||
height: 1.5em;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.tabs ul li label {
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.tabs ul li label span {
|
||||
display: none;
|
||||
}
|
||||
.tabs .slider {
|
||||
display: none;
|
||||
}
|
||||
.tabs .content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tabs .content section h2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 880 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 572 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 319 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 500 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
@@ -0,0 +1,281 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<title>登录</title>
|
||||
<script src="./libs/jquery.min.js?v=2.1"></script>
|
||||
<script src="./libs/vue.min.js?v=2.1"></script>
|
||||
<script src="js/jsencrypt.min.js?v=2.1"></script>
|
||||
<script src="js/conf.js?v=2.2"></script>
|
||||
<script src="js/bschlogin.js?v=2.1"></script>
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
background: #f5f6f7;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.login-box {
|
||||
background: #fff;
|
||||
padding: 40px;
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
|
||||
width: 360px;
|
||||
}
|
||||
|
||||
.login-box h2 {
|
||||
text-align: center;
|
||||
margin-bottom: 30px;
|
||||
color: #333;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.form-item input {
|
||||
width: 100%;
|
||||
padding: 12px 14px;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
|
||||
.form-item input:focus {
|
||||
border-color: #409eff;
|
||||
}
|
||||
|
||||
.captcha-row {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.captcha-row input {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.captcha-row img {
|
||||
height: 42px;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
background: #409eff;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
font-size: 15px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s;
|
||||
}
|
||||
|
||||
.btn-submit:hover {
|
||||
background: #66b1ff;
|
||||
}
|
||||
|
||||
.btn-submit:disabled {
|
||||
background: #a0cfff;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.warning {
|
||||
color: #f56c6c;
|
||||
font-size: 13px;
|
||||
margin-top: 12px;
|
||||
text-align: center;
|
||||
min-height: 20px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="login-box">
|
||||
<h2>用户登录</h2>
|
||||
<form id="loginForm" onsubmit="return false;">
|
||||
<div class="form-item">
|
||||
<input type="text" id="user_input" name="username" placeholder="用户名/手机号/身份证号" autocomplete="username" />
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<input type="password" id="password_input" name="password" placeholder="请输入密码"
|
||||
autocomplete="current-password" />
|
||||
</div>
|
||||
<input type="hidden" id="loginname_input" name="loginname" />
|
||||
<input type="hidden" id="pwd_input" name="pwd" />
|
||||
<input type="hidden" id="captcha_hidden" name="captcha" />
|
||||
<input type="hidden" id="service_hidden" name="service" />
|
||||
<div class="form-item" id="captchaPanel" style="display:none">
|
||||
<div class="captcha-row">
|
||||
<input type="text" id="captcha_input" placeholder="输入验证码" autocomplete="off" />
|
||||
<img id="captchaImg" onclick="refreshCaptcha()" title="点击刷新" />
|
||||
</div>
|
||||
</div>
|
||||
<button class="btn-submit" type="button" id="loginBtn" onclick="doLogin()">登录</button>
|
||||
<div class="warning" id="warningLabel"></div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- 记住密码最佳努力：真实表单提交到隐藏 iframe（不跳转页面）；主流程用 AJAX 拿 data.url 手动跳转，互不干扰 -->
|
||||
<iframe name="pwdMgrFrame" style="display:none"></iframe>
|
||||
<form id="pwdMgrForm" method="post" action="/api/login" target="pwdMgrFrame" style="display:none">
|
||||
<input type="text" name="username" id="pm_user" />
|
||||
<input type="password" name="password" id="pm_pwd" />
|
||||
<input type="hidden" name="loginname" id="pm_loginname" />
|
||||
<input type="hidden" name="pwd" id="pm_pwd_enc" />
|
||||
<input type="hidden" name="captcha" id="pm_captcha" />
|
||||
<input type="hidden" name="service" id="pm_service" />
|
||||
</form>
|
||||
|
||||
<script>
|
||||
window.onerror = function (msg, src, line, col, err) {
|
||||
var w = document.getElementById("warningLabel");
|
||||
if (w) w.textContent = "页面脚本异常：" + msg;
|
||||
return false;
|
||||
};
|
||||
|
||||
var bschLogin;
|
||||
try {
|
||||
bschLogin = new BschLogin(ssoServerHost);
|
||||
} catch (e) {
|
||||
var w0 = document.getElementById("warningLabel");
|
||||
if (w0) w0.textContent = "初始化失败：" + (e && e.message ? e.message : e);
|
||||
}
|
||||
|
||||
window.onload = function () {
|
||||
document.getElementById("service_hidden").value = bschLogin.getQueryVariable("service") || "";
|
||||
bschLogin.getPublicKey();
|
||||
bschLogin.isNeedCaptcha(function (isNeed) {
|
||||
setCaptcha(isNeed);
|
||||
});
|
||||
var err = bschLogin.getQueryVariable("error");
|
||||
if (err) setWarning(decodeURIComponent(err));
|
||||
};
|
||||
|
||||
function setCaptcha(isVisible) {
|
||||
var panel = document.getElementById("captchaPanel");
|
||||
if (isVisible) {
|
||||
document.getElementById("captchaImg").src = bschLogin.captchaSrc();
|
||||
panel.style.display = "block";
|
||||
panel.dataset.captcha = "true";
|
||||
} else {
|
||||
panel.style.display = "none";
|
||||
panel.dataset.captcha = "false";
|
||||
}
|
||||
}
|
||||
|
||||
function refreshCaptcha() {
|
||||
document.getElementById("captchaImg").src = bschLogin.captchaSrc();
|
||||
}
|
||||
|
||||
function setWarning(msg) {
|
||||
document.getElementById("warningLabel").textContent = msg || "";
|
||||
}
|
||||
|
||||
function doLogin() {
|
||||
var username = document.getElementById("user_input").value.trim();
|
||||
var pwd = document.getElementById("password_input").value;
|
||||
var captcha = document.getElementById("captcha_input").value;
|
||||
var needCaptcha = document.getElementById("captchaPanel").dataset.captcha === "true";
|
||||
|
||||
if (!username) { setWarning("请输入用户名！"); return; }
|
||||
if (!pwd) { setWarning("请输入密码！"); return; }
|
||||
if (needCaptcha && !captcha) { setWarning("请输入验证码！"); return; }
|
||||
if (!bschLogin.publicKey) { setWarning("公钥加载中，请稍候重试"); return; }
|
||||
|
||||
var btn = document.getElementById("loginBtn");
|
||||
btn.disabled = true;
|
||||
btn.textContent = "登录中...";
|
||||
|
||||
try {
|
||||
var encrypt = new JSEncrypt();
|
||||
encrypt.setPublicKey(bschLogin.publicKey);
|
||||
var encUser = encrypt.encrypt(username);
|
||||
var encPwd = encrypt.encrypt(pwd);
|
||||
document.getElementById("loginname_input").value = encUser;
|
||||
document.getElementById("pwd_input").value = encPwd;
|
||||
var params = "loginname=" + encodeURIComponent(encUser)
|
||||
+ "&pwd=" + encodeURIComponent(encPwd)
|
||||
+ "&captcha=" + encodeURIComponent(captcha)
|
||||
+ "&service=" + encodeURIComponent(document.getElementById("service_hidden").value);
|
||||
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open("POST", "/api/login", true);
|
||||
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
|
||||
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
|
||||
xhr.onreadystatechange = function () {
|
||||
if (xhr.readyState !== 4) return;
|
||||
btn.disabled = false; btn.textContent = "登录";
|
||||
if (xhr.status !== 200) { setWarning("登录请求失败"); return; }
|
||||
try {
|
||||
var resp = JSON.parse(xhr.responseText);
|
||||
if (resp.code === 0 && resp.data && resp.data.url) {
|
||||
setWarning("登录成功，正在跳转…");
|
||||
// 最佳努力触发浏览器记住密码（真实表单提交到隐藏 iframe），再 JS 手动跳到 data.url
|
||||
triggerPasswordSave(username, pwd, encUser, encPwd, captcha);
|
||||
setTimeout(function () { window.location.href = resp.data.url; }, 400);
|
||||
} else {
|
||||
setWarning(resp.msg || "登录失败");
|
||||
}
|
||||
} catch (e) {
|
||||
setWarning("登录响应解析失败");
|
||||
}
|
||||
};
|
||||
xhr.send(params);
|
||||
} catch (e) {
|
||||
btn.disabled = false; btn.textContent = "登录";
|
||||
setWarning("登录初始化失败，请重试");
|
||||
}
|
||||
}
|
||||
|
||||
function triggerPasswordSave(username, pwd, encUser, encPwd, captcha) {
|
||||
try {
|
||||
document.getElementById("pm_user").value = username;
|
||||
document.getElementById("pm_pwd").value = pwd;
|
||||
document.getElementById("pm_loginname").value = encUser;
|
||||
document.getElementById("pm_pwd_enc").value = encPwd;
|
||||
document.getElementById("pm_captcha").value = captcha;
|
||||
document.getElementById("pm_service").value = document.getElementById("service_hidden").value;
|
||||
document.getElementById("pwdMgrForm").submit();
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
document.getElementById("user_input").addEventListener("keydown", function (e) {
|
||||
if (e.key === "Enter") document.getElementById("password_input").focus();
|
||||
});
|
||||
document.getElementById("password_input").addEventListener("keydown", function (e) {
|
||||
if (e.key === "Enter") {
|
||||
if (document.getElementById("captchaPanel").style.display !== "none") {
|
||||
document.getElementById("captcha_input").focus();
|
||||
} else {
|
||||
doLogin();
|
||||
}
|
||||
}
|
||||
});
|
||||
document.getElementById("captcha_input").addEventListener("keydown", function (e) {
|
||||
if (e.key === "Enter") doLogin();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,746 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="Expires" content="0" />
|
||||
<meta http-equiv="Pragma" content="no-cache" />
|
||||
<meta http-equiv="Cache-control" content="no-cache" />
|
||||
<meta http-equiv="Cache" content="no-cache" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"
|
||||
/>
|
||||
<title>登录</title>
|
||||
<link rel="stylesheet" href="./libs/swiper.min.css" />
|
||||
<link rel="stylesheet" href="./css/index.css" />
|
||||
<link rel="stylesheet" href="./css//mobile.css" />
|
||||
<script src="./libs/swiper.min.js"></script>
|
||||
<script src="./libs/jquery.min.js"></script>
|
||||
<script src="./libs/vue.min.js"></script>
|
||||
<script src="./libs/polyfill.object-fit.js"></script>
|
||||
<script src="js/jquery.qrcode.js"></script>
|
||||
<script src="js/qrcode.js"></script>
|
||||
<script src="js/jsencrypt.min.js"></script>
|
||||
<script src="js/conf.js"></script>
|
||||
<script src="js/bschlogin.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var bschLogin = new BschLogin(loginPageTag, ssoServerHost, loginServerHost, baseServerHost);
|
||||
|
||||
function onNameKeyup(event) {
|
||||
if (event.keyCode == 13) {
|
||||
if (!$(event.target).val()) {
|
||||
setWarning("请输入用户名！");
|
||||
return;
|
||||
}
|
||||
var v = $("#password_input").val();
|
||||
$("#password_input").val("").focus().val(v);
|
||||
}
|
||||
}
|
||||
|
||||
function onPwdKeyup(event) {
|
||||
if (event.keyCode == 13) {
|
||||
if (!$(event.target).val()) {
|
||||
setWarning("请输入密码！");
|
||||
return;
|
||||
}
|
||||
console.log($("#captchaPanel").data("captcha"));
|
||||
if (!!$("#captchaPanel").data("captcha")) {
|
||||
$("#captcha_input").val("").focus();
|
||||
} else {
|
||||
doLogin();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function onCaptchaKeyup(event) {
|
||||
if (event.keyCode == 13) {
|
||||
if (!$(event.target).val()) {
|
||||
setWarning("请输入验证码！");
|
||||
return;
|
||||
}
|
||||
doLogin();
|
||||
}
|
||||
}
|
||||
|
||||
function needCaptcha() {
|
||||
bschLogin.isNeedCaptcha(function (isNeed) {
|
||||
setCaptcha(isNeed);
|
||||
});
|
||||
}
|
||||
|
||||
function setCaptcha(isVisible) {
|
||||
if (isVisible) {
|
||||
$("#captchaImg").attr("src", bschLogin.captchaSrc());
|
||||
$("#captchaPanel").css("display", "block").data("captcha", true);
|
||||
// $(".login-wrapper").height(400);
|
||||
} else {
|
||||
$("#captchaPanel").css("display", "none").data("captcha", false);
|
||||
}
|
||||
}
|
||||
|
||||
function doLogin() {
|
||||
var username = $("#user_input").val();
|
||||
var pwd = $("#password_input").val();
|
||||
var captcha = $("#captcha_input").val();
|
||||
if (!username) {
|
||||
setWarning("请输入用户名！");
|
||||
return false;
|
||||
}
|
||||
if (!pwd) {
|
||||
setWarning("请输入密码！");
|
||||
return false;
|
||||
}
|
||||
if (!!$("#captchaPanel").data("captcha") && !captcha) {
|
||||
setWarning("请输入验证码！");
|
||||
return false;
|
||||
}
|
||||
|
||||
bschLogin.login(
|
||||
username,
|
||||
pwd,
|
||||
captcha,
|
||||
function (url) {
|
||||
window.location.href = url;
|
||||
},
|
||||
function (msg, needCaptcha) {
|
||||
setWarning(msg);
|
||||
setCaptcha(needCaptcha);
|
||||
}
|
||||
);
|
||||
return false;
|
||||
}
|
||||
|
||||
function getLoginQRCode() {
|
||||
setQRCodeHint("请扫描二维码确认登录");
|
||||
bschLogin.loginQrcode(
|
||||
"#qrcode",
|
||||
function (msg) {
|
||||
setQRCodeHint("获取登录二维码失败");
|
||||
},
|
||||
function () {
|
||||
setQRCodeHint("二维码已失效，点击刷新");
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function setQRCodeHint(hint) {
|
||||
$("#qrcodeHint").text(hint);
|
||||
}
|
||||
|
||||
function setWarning(msg) {
|
||||
if (typeof msg == "undefined" || msg == "") $("#warningPanel").css("display", "none");
|
||||
else $("#warningPanel").css("display", "block");
|
||||
|
||||
$("#warningLabel").text(msg);
|
||||
}
|
||||
|
||||
function onCountDown() {
|
||||
var second = 60,
|
||||
timer = null;
|
||||
$("#js_vercode_btn")
|
||||
.attr("disabled", true)
|
||||
.text(second + "s");
|
||||
timer = setInterval(function () {
|
||||
second--;
|
||||
if (second > 0) {
|
||||
$("#js_vercode_btn").text(second + "s");
|
||||
} else {
|
||||
clearInterval(timer);
|
||||
$("#js_vercode_btn").removeAttr("disabled").text("获取验证码");
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app" v-cloak>
|
||||
<header class="header-wrapper">
|
||||
<div class="main-wrapper fix">
|
||||
<div class="logo-box align-middle fl" :style="{ height: logoHeight+'px' }">
|
||||
<img v-if="settingMap.logoUrl" :src="settingMap.logoUrl" />
|
||||
</div>
|
||||
<div class="app-down align-middle fr">
|
||||
<a href="javascript:void(0)" id="js_app_down">{{downTitle}}</a>
|
||||
</div>
|
||||
<div class="down-app-box">
|
||||
<div class="tips-box"></div>
|
||||
<img src="image/wem3.png" />
|
||||
<h3>{{downInfo}}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="banner-wrapper">
|
||||
<div class="main-wrapper">
|
||||
<div class="login-wrapper align-middle fr">
|
||||
<div class="login-header">
|
||||
<ul class="fix" id="js_login_tab">
|
||||
<li class="fl active">密码登录</li>
|
||||
<li class="fl">扫码登录</li>
|
||||
<!-- <li class="fl">
|
||||
<a
|
||||
style="color: #656667; text-decoration: none"
|
||||
rel="noopener noreferrer"
|
||||
href="https://platform.xhedu.sh.cn/platform/app/login.php?url=https%3A%2F%2Fplatform-xhzx.xhedu.sh.cn&from=node3&ep_appid=100100289"
|
||||
>
|
||||
区统一登录</a
|
||||
>
|
||||
</li> -->
|
||||
</ul>
|
||||
<div class="header-slider active-1">
|
||||
<div class="indicator"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login-body js_pwd_login_box">
|
||||
<form class="login-form" method="post" onsubmit="return doLogin()">
|
||||
<div class="form-item">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="text"
|
||||
id="user_input"
|
||||
placeholder="用户名/手机号/身份证号"
|
||||
onkeyup="onNameKeyup(event)"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="password"
|
||||
id="password_input"
|
||||
placeholder="请输入密码"
|
||||
onkeyup="onPwdKeyup(event)"
|
||||
/>
|
||||
<span class="pwd-icon-box js_pwd_switch_btn">
|
||||
<svg
|
||||
id="js_open_eye"
|
||||
style="display: none"
|
||||
t="1619748143692"
|
||||
class="icon"
|
||||
viewBox="0 0 1024 1024"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
p-id="3873"
|
||||
width="24"
|
||||
height="24"
|
||||
>
|
||||
<path
|
||||
d="M938.666667 501.333333c0-2.133333 0-2.133333-2.133334-4.266666-91.733333-142.933333-256-232.533333-426.666666-232.533334-177.066667 0-337.066667 89.6-428.8 243.2-2.133333 2.133333-2.133333 4.266667-2.133334 6.4v8.533334c0 2.133333 0 4.266667 2.133334 6.4C174.933333 680.533333 334.933333 770.133333 512 770.133333c66.133333 0 66.133333 0 145.066667-12.8 10.666667-2.133333 19.2-12.8 17.066666-23.466666-2.133333-10.666667-12.8-19.2-23.466666-17.066667-74.666667 12.8-74.666667 12.8-136.533334 12.8-157.866667 0-300.8-78.933333-386.133333-211.2 85.333333-132.266667 228.266667-211.2 386.133333-211.2 153.6 0 302.933333 81.066667 386.133334 209.066667-23.466667 38.4-32 46.933333-70.4 87.466666-8.533333 8.533333-8.533333 21.333333 0 29.866667 4.266667 4.266667 10.666667 6.4 14.933333 6.4 6.4 0 10.666667-2.133333 14.933333-6.4 44.8-44.8 51.2-53.333333 83.2-106.666667 4.266667-8.533333 2.133333-19.2-4.266666-25.6z"
|
||||
fill="#B4B6B9"
|
||||
p-id="3874"
|
||||
></path>
|
||||
<path
|
||||
d="M377.6 514.133333c0 74.666667 61.866667 136.533333 136.533333 136.533334s136.533333-61.866667 136.533334-136.533334-61.866667-136.533333-136.533334-136.533333-136.533333 61.866667-136.533333 136.533333z m232.533333 0c0 51.2-42.666667 93.866667-93.866666 93.866667-51.2 0-93.866667-42.666667-93.866667-93.866667s42.666667-93.866667 93.866667-93.866666c51.2 0 93.866667 42.666667 93.866666 93.866666z"
|
||||
fill="#B4B6B9"
|
||||
p-id="3875"
|
||||
></path>
|
||||
<path
|
||||
d="M757.333333 686.933333m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z"
|
||||
fill="#B4B6B9"
|
||||
p-id="3876"
|
||||
></path>
|
||||
</svg>
|
||||
<svg
|
||||
id="js_close_eye"
|
||||
t="1619764005511"
|
||||
class="icon"
|
||||
viewBox="0 0 1024 1024"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
p-id="2031"
|
||||
width="18"
|
||||
height="18"
|
||||
>
|
||||
<path
|
||||
d="M938.666667 317.866667m-29.866667 0a29.866667 29.866667 0 1 0 59.733333 0 29.866667 29.866667 0 1 0-59.733333 0Z"
|
||||
fill="#B4B6B9"
|
||||
p-id="2032"
|
||||
></path>
|
||||
<path
|
||||
d="M876.8 454.4c6.4-6.4 12.8-14.933333 19.2-21.333333 8.533333-8.533333 6.4-23.466667-2.133333-29.866667-8.533333-8.533333-23.466667-6.4-29.866667 2.133333-85.333333 100.266667-209.066667 157.866667-341.333333 157.866667-166.4 0-317.866667-91.733333-394.666667-238.933333-6.4-10.666667-19.2-14.933333-27.733333-8.533334-10.666667 6.4-14.933333 19.2-8.533334 27.733334 14.933333 27.733333 32 53.333333 49.066667 76.8L64 499.2c-8.533333 8.533333-8.533333 23.466667 0 32 4.266667 4.266667 8.533333 6.4 14.933333 6.4 6.4 0 12.8-2.133333 17.066667-8.533333l72.533333-76.8c36.266667 40.533333 81.066667 72.533333 128 98.133333l-55.466666 102.4c-6.4 10.666667-2.133333 25.6 8.533333 32 2.133333 2.133333 6.4 2.133333 8.533333 2.133333 8.533333 0 17.066667-4.266667 21.333334-12.8l55.466666-104.533333c51.2 21.333333 106.666667 34.133333 162.133334 36.266667v106.666666c0 12.8 10.666667 23.466667 21.333333 23.466667 12.8 0 21.333333-10.666667 21.333333-23.466667v-106.666666c53.333333-2.133333 104.533333-12.8 151.466667-29.866667l55.466667 102.4c4.266667 8.533333 12.8 12.8 21.333333 12.8 2.133333 0 6.4 0 8.533333-2.133333 10.666667-6.4 12.8-19.2 8.533334-32l-53.333334-98.133334c40.533333-19.2 78.933333-44.8 113.066667-74.666666l74.666667 78.933333c4.266667 4.266667 10.666667 8.533333 17.066666 8.533333 4.266667 0 10.666667-2.133333 14.933334-6.4 8.533333-8.533333 8.533333-23.466667 0-32l-74.666667-78.933333z"
|
||||
fill="#B4B6B9"
|
||||
p-id="2033"
|
||||
></path>
|
||||
</svg>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="hide" id="captchaPanel" data-captcha="false">
|
||||
<div class="form-item" style="width: 65%; display: inline-block">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="text"
|
||||
id="captcha_input"
|
||||
placeholder="输入右侧验证码"
|
||||
onkeyup="onCaptchaKeyup(event)"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<img
|
||||
id="captchaImg"
|
||||
style="width: 70px; height: 30px; float: right; margin-top: 20px"
|
||||
onClick="setCaptcha(true)"
|
||||
/>
|
||||
</div>
|
||||
<div class="operate-box fix">
|
||||
<!-- <label>
|
||||
<input type="checkbox" class="login-checkbox" />记住密码
|
||||
</label> -->
|
||||
<a href="javascript:;" id="js_forget_pw">忘记密码?</a>
|
||||
</div>
|
||||
<button class="btn-submit" type="submit">登录</button>
|
||||
|
||||
<div id="warningPanel" class="warning-box hide">
|
||||
<span id="warningLabel"></span>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="login-body js_qr_login_box hide">
|
||||
<div class="qrcode-box">
|
||||
<div id="qrcode" style="margin-bottom: 10px" onclick="getLoginQRCode()"></div>
|
||||
<p id="qrcodeHint">扫码登录</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="forgetpw-wrapper align-middle fr hide">
|
||||
<div class="login-header">
|
||||
<ul class="fix" id="js_login_tab">
|
||||
<li class="fl">忘记密码</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="login-body js_forgetpw_box">
|
||||
<p class="tips-info-box">密码规则:长度8-18位且包括数字、字母和符号！</p>
|
||||
<div class="login-form">
|
||||
<div class="form-item">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="text"
|
||||
maxlength="11"
|
||||
id="tel"
|
||||
name="tel"
|
||||
v-model="reset.phone"
|
||||
placeholder="请输入手机号"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="password"
|
||||
maxlength="18"
|
||||
v-model="reset.password"
|
||||
placeholder="请输入新密码"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<p class="input-box">
|
||||
<input
|
||||
type="password"
|
||||
maxlength="18"
|
||||
v-model="reset.passworded"
|
||||
placeholder="请再次确认新密码"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div class="vercode-wrap fix">
|
||||
<div class="form-item fl">
|
||||
<p class="input-box">
|
||||
<input
|
||||
v-model="reset.verifyCode"
|
||||
type="text"
|
||||
maxlength="6"
|
||||
placeholder="输入验证码"
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<button id="js_vercode_btn" @click="sendVerifyCode" class="btn-vercode fr">
|
||||
获取验证码
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button class="btn-submit" style="margin-top: 20px" @click="doForgetPw" type="submit">
|
||||
下一步
|
||||
</button>
|
||||
|
||||
<div v-if="!!warningMsg" class="warning-box">
|
||||
<span>{{warningMsg}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="forgetpw-stats-box js_forgetpw_stats_box hide">
|
||||
<img class="tc" src="./image/success-stats.png" alt="" />
|
||||
<h4>密码修改成功</h4>
|
||||
<p>恭喜您密码修改成功，请返回首页重新登录</p>
|
||||
<a href="./index.html">
|
||||
<button class="btn-submit">返回登录</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="banner-box">
|
||||
<img v-if="settingMap.banner.length==1" :src="settingMap.banner[0]" class="js_fit" />
|
||||
<div v-else-if="settingMap.banner.length>1" class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide" v-for="item in settingMap.banner">
|
||||
<img :src="item" class="js_fit" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 如果需要分页器 -->
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div id="js_tabs" class="main-wrapper tabs" v-if="settingMap.isShowApp">
|
||||
<ul class="tabs-nav fix">
|
||||
<template v-for="(item,index) in tabs">
|
||||
<li :class="[index==0?'active':'','apptype-li']">{{item}}</li>
|
||||
<li v-if="index!=tabs.length-1" class="spacer-li">
|
||||
<span>/</span>
|
||||
</li>
|
||||
</template>
|
||||
</ul>
|
||||
<div class="tabs-slider" v-if="tabs.length>0">
|
||||
<div class="indicator"></div>
|
||||
</div>
|
||||
</div>
|
||||
<section id="app_panel" class="app-list-wrapper" v-if="settingMap.isShowApp">
|
||||
<ul class="app-ul fix">
|
||||
<li class="" v-for="app in appList">
|
||||
<a href="#">
|
||||
<div class="icon-box">
|
||||
<img v-bind:src="app.icon" class="" data-load="1" />
|
||||
</div>
|
||||
</a>
|
||||
<h4 class="info">{{app.name}}</h4>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<footer :class="{'footer-container':true,'theme-light':!settingMap.isShowApp}">
|
||||
<!-- <p class="align-middle">
|
||||
©2018bestsch.com inc All Rights reserved 备案号：沪ICP备13000443号-1
|
||||
</p> -->
|
||||
<p class="align-middle">
|
||||
{{beianText}}
|
||||
<a target="_blank" href="https://beian.miit.gov.cn/">{{beianLink}}</a>
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
needCaptcha();
|
||||
getLoginQRCode();
|
||||
</script>
|
||||
|
||||
<script>
|
||||
var vm = new Vue({
|
||||
el: "#app",
|
||||
data: {
|
||||
appTypeList: [],
|
||||
appList: [],
|
||||
tabs: [],
|
||||
appName: "",
|
||||
downTitle: "",
|
||||
downInfo: "",
|
||||
|
||||
settingMap: {
|
||||
logoUrl: "",
|
||||
isShowApp: true,
|
||||
banner: [],
|
||||
},
|
||||
beianText: window.beianText,
|
||||
beianLink: window.beianLink,
|
||||
logoHeight: window.logoHeight || 35,
|
||||
|
||||
warningMsg: null,
|
||||
reset: {
|
||||
phone: null,
|
||||
verifyCode: null,
|
||||
password: null,
|
||||
passworded: null,
|
||||
},
|
||||
windowWidth: window.innerWidth,
|
||||
},
|
||||
computed: {
|
||||
isMobile() {
|
||||
return this.windowWidth < 768;
|
||||
},
|
||||
},
|
||||
mounted: function () {
|
||||
var _this = this;
|
||||
_this.appName = window.appName;
|
||||
_this.downTitle = window.downTitle;
|
||||
_this.downInfo = window.downInfo;
|
||||
_this.getSetting();
|
||||
},
|
||||
methods: {
|
||||
getApp: function () {
|
||||
var _this = this;
|
||||
var url = loginServerHost + "api/v2/getSchoolApp";
|
||||
$.get(
|
||||
url,
|
||||
{
|
||||
schId: schId,
|
||||
},
|
||||
function (resp) {
|
||||
if (resp.code == 0) {
|
||||
_this.appTypeList = resp.data;
|
||||
_this.showAppType();
|
||||
} else console.log("获取应用列表失败:" + resp.msg);
|
||||
},
|
||||
"json"
|
||||
).error(function () {
|
||||
console.log("获取应用列表失败");
|
||||
});
|
||||
},
|
||||
getSetting: function () {
|
||||
var _this = this;
|
||||
var setSettingMap = function (data) {
|
||||
_this.settingMap = data;
|
||||
var bannerHeight = data.isShowApp ? 480 : $("body").height() - 186;
|
||||
if (data.isShowApp) _this.getApp();
|
||||
|
||||
_this.$nextTick(function () {
|
||||
objectFitImages("img.js_fit"); //IE图片拉伸
|
||||
if (!_this.isMobile) {
|
||||
$(".banner-wrapper,.swiper-container,.js_fit").height(bannerHeight);
|
||||
if (data.banner.length > 1) {
|
||||
var mySwiper = new Swiper(".swiper-container", {
|
||||
pagination: ".swiper-pagination",
|
||||
loop: true,
|
||||
paginationClickable: true,
|
||||
autoplay: 2800,
|
||||
speed: 500,
|
||||
});
|
||||
}
|
||||
} else {
|
||||
$(".banner-wrapper .main-wrapper").css({
|
||||
"background-image": "url(" + data.banner[0] + ")",
|
||||
"background-size": "cover",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
// setSettingMap(window.defaultSetting);
|
||||
|
||||
var url = loginServerHost + "api/v2/getSchoolLoginPageConfig";
|
||||
$.get(
|
||||
url,
|
||||
{
|
||||
schId: schId,
|
||||
},
|
||||
function (resp) {
|
||||
if (resp.code == 0) {
|
||||
var rData = resp.data;
|
||||
rData.banner = rData.bannerUrls;
|
||||
setSettingMap(resp.data);
|
||||
} else setSettingMap(window.defaultSetting);
|
||||
},
|
||||
"json"
|
||||
).error(function () {
|
||||
setSettingMap(window.defaultSetting);
|
||||
console.log("获取设置失败");
|
||||
});
|
||||
},
|
||||
showAppType: function () {
|
||||
var _this = this;
|
||||
|
||||
_this.tabs.push("全部应用");
|
||||
var len = _this.appTypeList.length;
|
||||
for (var i = 0; i < len; i++) {
|
||||
var appType = _this.appTypeList[i];
|
||||
_this.tabs.push(appType.name);
|
||||
}
|
||||
_this.switchApp(0);
|
||||
},
|
||||
|
||||
switchApp: function (index) {
|
||||
var _this = this;
|
||||
if (index == 0) {
|
||||
var appList = [];
|
||||
var len = _this.appTypeList.length;
|
||||
for (var i = 0; i < len; i++) {
|
||||
var appType = _this.appTypeList[i];
|
||||
var appCount = appType.app.length;
|
||||
for (var j = 0; j < appCount; j++) appList.push(appType.app[j]);
|
||||
}
|
||||
_this.appList = appList;
|
||||
} else {
|
||||
var appType = _this.appTypeList[index - 1];
|
||||
_this.appList = appType.app;
|
||||
}
|
||||
},
|
||||
|
||||
sendVerifyCode: function () {
|
||||
var _this = this;
|
||||
var telreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
|
||||
if (!telreg.test(_this.reset.phone)) {
|
||||
this.warningMsg = "请输入正确的手机号！";
|
||||
return false;
|
||||
}
|
||||
$("#js_vercode_btn").attr("disabled", true);
|
||||
bschLogin.requestSmsCode(
|
||||
_this.reset.phone,
|
||||
function () {
|
||||
onCountDown();
|
||||
},
|
||||
function (msg) {
|
||||
alert("验证码获取失败!");
|
||||
// alert("验证码获取失败:" + msg);
|
||||
$("#js_vercode_btn").removeAttr("disabled").text("获取验证码");
|
||||
}
|
||||
);
|
||||
},
|
||||
doForgetPw: function () {
|
||||
var _this = this;
|
||||
if (!_this.reset.phone) {
|
||||
this.warningMsg = "请输入手机号！";
|
||||
return false;
|
||||
}
|
||||
|
||||
var telreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;
|
||||
if (!telreg.test(_this.reset.phone)) {
|
||||
this.warningMsg = "请输入正确的手机号！";
|
||||
return false;
|
||||
}
|
||||
if (!_this.reset.password) {
|
||||
this.warningMsg = "请输入新密码！";
|
||||
return false;
|
||||
}
|
||||
if (!_this.reset.passworded) {
|
||||
this.warningMsg = "请再次确认新密码！";
|
||||
return false;
|
||||
}
|
||||
if (_this.reset.password !== _this.reset.passworded) {
|
||||
this.warningMsg = "两次输入的密码不一致！";
|
||||
return false;
|
||||
}
|
||||
var pwreg = /^(?=.*[a-z])(?=.*[0-9])(?=.*).{8,}$/;
|
||||
if (!pwreg.test(_this.reset.password)) {
|
||||
this.warningMsg = "密码长度应大于8位且应包括数字、字母和符号！";
|
||||
return false;
|
||||
}
|
||||
if (!_this.reset.verifyCode) {
|
||||
this.warningMsg = "请输入收到的验证码！";
|
||||
return false;
|
||||
}
|
||||
|
||||
var item = JSON.parse(JSON.stringify(_this.reset));
|
||||
delete item.passworded;
|
||||
bschLogin.updatePwd(
|
||||
item.phone,
|
||||
item.verifyCode,
|
||||
item.password,
|
||||
function () {
|
||||
$(".js_forgetpw_box").addClass("hide");
|
||||
$(".js_forgetpw_stats_box").removeClass("hide");
|
||||
},
|
||||
function (error) {
|
||||
// alert(error);
|
||||
_this.warningMsg = error;
|
||||
}
|
||||
);
|
||||
// $.post(
|
||||
// "url",
|
||||
// item,
|
||||
// function (resp) {
|
||||
// $(".js_forgetpw_box").addClass("hide");
|
||||
// $(".js_forgetpw_stats_box").removeClass("hide");
|
||||
// },
|
||||
// function (error) {
|
||||
// console.log(error);
|
||||
// alert("验证码获取失败！");
|
||||
// $("#js_vercode_btn").removeAttr("disabled").text("获取验证码");
|
||||
// }
|
||||
// );
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
$(function () {
|
||||
$("#js_login_tab").on("click", "li", function (a, b) {
|
||||
$("#js_login_tab .active").removeClass("active");
|
||||
$(this).addClass("active");
|
||||
var index = parseInt($(this).index()) + 1;
|
||||
if (index == 3) return;
|
||||
$(".login-wrapper .login-body").hide();
|
||||
if (index == 1) {
|
||||
$(".js_pwd_login_box").fadeToggle();
|
||||
} else if (index == 2) {
|
||||
$(".js_qr_login_box").fadeToggle();
|
||||
}
|
||||
|
||||
var slider = $("#js_login_tab + .header-slider");
|
||||
slider.attr({
|
||||
class: "",
|
||||
});
|
||||
slider.addClass("header-slider active-" + index);
|
||||
});
|
||||
|
||||
$("#js_tabs").on("click", "li.apptype-li", function (ele) {
|
||||
var index = $(this).index(),
|
||||
sliderWidth = 0,
|
||||
currWidth = 0;
|
||||
|
||||
$("#js_tabs .active").removeClass("active");
|
||||
|
||||
$("#js_tabs .tabs-nav")
|
||||
.children()
|
||||
.each(function (i, dom) {
|
||||
if (i < index) {
|
||||
sliderWidth += $(dom).width();
|
||||
}
|
||||
if (i == index) {
|
||||
$(dom).addClass("active");
|
||||
currWidth = $(dom).width();
|
||||
}
|
||||
});
|
||||
$("#js_tabs .tabs-slider").css({
|
||||
transform: "translateX(" + sliderWidth + "px)",
|
||||
width: currWidth,
|
||||
});
|
||||
|
||||
vm.switchApp(index / 2);
|
||||
});
|
||||
|
||||
$(".js_pwd_switch_btn").click(function () {
|
||||
var pwd = $("#password_input");
|
||||
if (pwd.attr("type") === "password") {
|
||||
$("#password_input").attr("type", "text");
|
||||
} else {
|
||||
$("#password_input").attr("type", "password");
|
||||
}
|
||||
$("#js_close_eye,#js_open_eye").toggle();
|
||||
});
|
||||
|
||||
$("#js_app_down").click(function (e) {
|
||||
$(".down-app-box").fadeIn(300);
|
||||
e.stopPropagation();
|
||||
document.onclick = function () {
|
||||
$(".down-app-box").fadeOut(300);
|
||||
document.onclick = null;
|
||||
};
|
||||
});
|
||||
|
||||
//setWarning
|
||||
$("#user_input,#password_input").change(function () {
|
||||
setWarning("");
|
||||
});
|
||||
|
||||
$(".js_forgetpw_box input").change(function () {
|
||||
vm.warningMsg = null;
|
||||
});
|
||||
|
||||
$("#js_forget_pw").click(function () {
|
||||
$(".login-wrapper").addClass("hide");
|
||||
$(".forgetpw-wrapper").removeClass("hide");
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,164 @@
|
||||
function BschLogin(ssoServerHost) {
|
||||
this.isDebug = false;
|
||||
this.ssoServerHost = ssoServerHost;
|
||||
this.captchaUrl = ssoServerHost + "api/captcha";
|
||||
this.loginUrl = ssoServerHost + "api/login";
|
||||
this.publicKeyUrl = ssoServerHost + "api/public-key";
|
||||
this.needCaptchaUrl = ssoServerHost + "api/need-captcha";
|
||||
this.publicKey = "";
|
||||
// this.setCookie("loginPageTag", loginPageTag, 30);
|
||||
}
|
||||
|
||||
BschLogin.prototype = {
|
||||
getPublicKey: function () {
|
||||
var _this = this;
|
||||
if (_this.isDebug) {
|
||||
_this.publicKey =
|
||||
"MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAqytbHgQWZQmkwmp6WncVaUmUNgExYDB0Sp8h1qfyKfufbX2MEM6UzSPQHIwurFqkzcHljdrGDCXWZ2Xv8c8C27+MOPLf4VyYQ7invqtvmEwS6c3km4QqQVdrh0DJjVYhgO8reE8LhlDFc9Vh9FwySb8pbC1EM0s2lN6ig7/9NR8+CqxW61ku+7VYnLzcRgpc0cF3K/mQwAjVf1pKjGtPG1mpLNcHpT2yp5u950GfFtdqYgAte7k4CDlwMDKfpf+2Pg5kZAzogO5DTq/QolOWqjZfgT2wBNpYVT+3glbhhRbc9T3/SqFeT9KlXcamBXLvKI6WuKxlAEeKTiosUgMKCQIDAQAB";
|
||||
return;
|
||||
}
|
||||
$.get(
|
||||
_this.publicKeyUrl,
|
||||
function (resp) {
|
||||
_this.publicKey = resp.data.publicKey;
|
||||
},
|
||||
"json",
|
||||
);
|
||||
},
|
||||
//是否需要验证校验码
|
||||
isNeedCaptcha: function (callback) {
|
||||
if (this.isDebug) return callback(false);
|
||||
$.get(
|
||||
this.needCaptchaUrl,
|
||||
function (resp) {
|
||||
if (resp.code == 0) {
|
||||
var needCaptcha = resp.data.needCaptcha;
|
||||
callback(needCaptcha);
|
||||
} else {
|
||||
callback(true);
|
||||
}
|
||||
},
|
||||
"json",
|
||||
);
|
||||
},
|
||||
|
||||
//登录
|
||||
login: function (username, pwd, captcha, onSuccess, onFailed) {
|
||||
var service = this.getQueryVariable("service");
|
||||
var encrypt = new JSEncrypt();
|
||||
encrypt.setPublicKey(this.publicKey);
|
||||
username = encrypt.encrypt(username);
|
||||
pwd = encrypt.encrypt(pwd);
|
||||
|
||||
var params = {
|
||||
loginname: username,
|
||||
pwd: pwd,
|
||||
captcha: captcha,
|
||||
};
|
||||
if (typeof service === "string") params.service = service;
|
||||
console.log(JSON.stringify(params));
|
||||
|
||||
$.ajax({
|
||||
url: this.loginUrl,
|
||||
type: "POST",
|
||||
data: params,
|
||||
dataType: "json",
|
||||
success: function (resp, textStatus, jqXHR) {
|
||||
if (resp && typeof resp.code !== "undefined") {
|
||||
if (resp.code == 0) {
|
||||
var url = (resp.data && resp.data.url) || "";
|
||||
// 兜底：后端未返回有效地址或返回了 CAS 原生登录页路径时，跳回同源根
|
||||
if (!url || url.indexOf("/cas/login") === 0) {
|
||||
url = "/";
|
||||
}
|
||||
console.log("login success, redirect =>", url);
|
||||
onSuccess(url);
|
||||
} else {
|
||||
var needCaptcha = resp.data ? resp.data.needCaptcha : false;
|
||||
onFailed(resp.msg, needCaptcha);
|
||||
}
|
||||
return;
|
||||
}
|
||||
onSuccess(jqXHR.responseURL || "");
|
||||
},
|
||||
error: function (jqXHR) {
|
||||
var resp = jqXHR.responseJSON;
|
||||
if (resp && typeof resp.code !== "undefined") {
|
||||
var needCaptcha = resp.data ? resp.data.needCaptcha : false;
|
||||
onFailed(resp.msg, needCaptcha);
|
||||
return;
|
||||
}
|
||||
onFailed("登录请求失败", false);
|
||||
},
|
||||
});
|
||||
},
|
||||
//请求短信验证码
|
||||
requestSmsCode: function (phoneCode, onSuccess, onFailed) {
|
||||
var params = {
|
||||
phone: phoneCode,
|
||||
};
|
||||
|
||||
$.get(
|
||||
this.smsCodeUrl,
|
||||
params,
|
||||
function (resp) {
|
||||
if (resp.code == 0) {
|
||||
onSuccess();
|
||||
} else {
|
||||
onFailed(resp.msg);
|
||||
}
|
||||
},
|
||||
"json",
|
||||
);
|
||||
},
|
||||
|
||||
//按短信验证码，修改密码
|
||||
updatePwd: function (phoneCode, smsCode, newPwd, onSuccess, onFailed) {
|
||||
var params = {
|
||||
phone: phoneCode,
|
||||
smsCode: smsCode,
|
||||
newPwd: newPwd,
|
||||
};
|
||||
|
||||
$.post(
|
||||
this.updatePwdUrl,
|
||||
params,
|
||||
function (resp) {
|
||||
if (resp.code == 0) {
|
||||
onSuccess();
|
||||
} else {
|
||||
onFailed(resp.msg);
|
||||
}
|
||||
},
|
||||
"json",
|
||||
);
|
||||
},
|
||||
|
||||
captchaSrc: function () {
|
||||
return this.captchaUrl + "?k=" + new Date().getTime();
|
||||
},
|
||||
|
||||
getQueryVariable: function (paramName) {
|
||||
var query = window.location.search.substring(1);
|
||||
var params = query.split("&");
|
||||
for (var i = 0; i < params.length; i++) {
|
||||
var param = params[i];
|
||||
|
||||
var pos = param.indexOf("=");
|
||||
if (pos == -1) continue;
|
||||
|
||||
var key = param.slice(0, pos);
|
||||
var value = param.slice(pos + 1, param.length);
|
||||
|
||||
if (key == paramName) return value;
|
||||
}
|
||||
return "";
|
||||
},
|
||||
|
||||
setCookie: function (c_name, value, expiredays) {
|
||||
var exdate = new Date();
|
||||
exdate.setDate(exdate.getDate() + expiredays);
|
||||
document.cookie =
|
||||
c_name + "=" + escape(value) + (expiredays == null ? "" : ";expires=" + exdate.toGMTString()) + ";path=/"; //+";domain=";
|
||||
},
|
||||
};
|
||||
@@ -0,0 +1,7 @@
|
||||
// CAS context-path 为根 "/"，前端由 CAS 同源托管在 /front/，接口在 /api/*。
|
||||
// 用同源相对路径，避免写死 host/协议，且天然规避跨域（LoginController 未开 CORS）。
|
||||
window.ssoServerHost = "/cas/";
|
||||
|
||||
window.beianText = "©2021 bestsch.com inc All Rights reserved";
|
||||
window.beianLink = "【沪ICP备13000443号-1】";
|
||||
window.logoHeight = 35;
|
||||
Vendored
+9210
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,96 @@
|
||||
(function( $ )
|
||||
{
|
||||
var element;
|
||||
$.fn.qrcode = function(options)
|
||||
{
|
||||
// if options is string,
|
||||
if( typeof options === 'string' ){
|
||||
options = { text: options };
|
||||
}
|
||||
|
||||
// set default values
|
||||
// typeNumber < 1 for automatic calculation
|
||||
options = $.extend( {}, {
|
||||
render : "canvas",
|
||||
width : 256,
|
||||
height : 256,
|
||||
typeNumber : -1,
|
||||
correctLevel : QRErrorCorrectLevel.H,
|
||||
background : "#ffffff",
|
||||
foreground : "#000000"
|
||||
}, options);
|
||||
|
||||
var createCanvas = function(){
|
||||
// create the qrcode itself
|
||||
var qrcode = new QRCode(options.typeNumber, options.correctLevel);
|
||||
qrcode.addData(options.text);
|
||||
qrcode.make();
|
||||
|
||||
// create canvas element
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.width = options.width;
|
||||
canvas.height = options.height;
|
||||
var ctx = canvas.getContext('2d');
|
||||
|
||||
// compute tileW/tileH based on options.width/options.height
|
||||
var tileW = options.width / qrcode.getModuleCount();
|
||||
var tileH = options.height / qrcode.getModuleCount();
|
||||
|
||||
// draw in the canvas
|
||||
for( var row = 0; row < qrcode.getModuleCount(); row++ ){
|
||||
for( var col = 0; col < qrcode.getModuleCount(); col++ ){
|
||||
ctx.fillStyle = qrcode.isDark(row, col) ? options.foreground : options.background;
|
||||
var w = (Math.ceil((col+1)*tileW) - Math.floor(col*tileW));
|
||||
var h = (Math.ceil((row+1)*tileW) - Math.floor(row*tileW));
|
||||
ctx.fillRect(Math.round(col*tileW),Math.round(row*tileH), w, h);
|
||||
}
|
||||
}
|
||||
// return just built canvas
|
||||
return canvas;
|
||||
}
|
||||
|
||||
// from Jon-Carlos Rivera (https://github.com/imbcmdth)
|
||||
var createTable = function(){
|
||||
// create the qrcode itself
|
||||
var qrcode = new QRCode(options.typeNumber, options.correctLevel);
|
||||
qrcode.addData(options.text);
|
||||
qrcode.make();
|
||||
|
||||
// create table element
|
||||
var $table = $('<table></table>')
|
||||
.css("width", options.width+"px")
|
||||
.css("height", options.height+"px")
|
||||
.css("border", "0px")
|
||||
.css("border-collapse", "collapse")
|
||||
.css('background-color', options.background);
|
||||
|
||||
// compute tileS percentage
|
||||
var tileW = options.width / qrcode.getModuleCount();
|
||||
var tileH = options.height / qrcode.getModuleCount();
|
||||
|
||||
// draw in the table
|
||||
for(var row = 0; row < qrcode.getModuleCount(); row++ ){
|
||||
var $row = $('<tr></tr>').css('height', tileH+"px").appendTo($table);
|
||||
|
||||
for(var col = 0; col < qrcode.getModuleCount(); col++ ){
|
||||
$('<td></td>')
|
||||
.css('width', tileW+"px")
|
||||
.css('background-color', qrcode.isDark(row, col) ? options.foreground : options.background)
|
||||
.appendTo($row);
|
||||
}
|
||||
}
|
||||
// return just built canvas
|
||||
return $table;
|
||||
}
|
||||
|
||||
|
||||
return this.each(function()
|
||||
{
|
||||
if (typeof(element) != "undefined")
|
||||
element.remove();
|
||||
|
||||
element = options.render == "canvas" ? createCanvas() : createTable();
|
||||
$(element).appendTo(this);
|
||||
});
|
||||
};
|
||||
})( jQuery );
|
||||
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,17 @@
|
||||
// 一些全局设置样式
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #337ab7;
|
||||
&:hover{
|
||||
text-decoration:underline;
|
||||
}
|
||||
}
|
||||
*{
|
||||
box-sizing: border-box;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
outline: none;
|
||||
}
|
||||
html{font-size: 14px;}
|
||||
body{background-color: #eff2f6;}
|
||||
|
||||
|
||||
@@ -0,0 +1,84 @@
|
||||
/*滚动条样式 */
|
||||
|
||||
/*第一种样式，所有的滚动条，都默认这个样子*/
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/*正常情况下滑块的样式*/
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, .05);
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
|
||||
*:hover::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
/*鼠标悬浮在滑块上时滑块的样式*/
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background-color: rgba(0, 0, 0, .3);
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
/*正常时候的主干部分*/
|
||||
*::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/*鼠标悬浮在滚动条上的主干部分*/
|
||||
*::-webkit-scrollbar-track:hover {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
|
||||
background-color: rgba(0, 0, 0, .01);
|
||||
}
|
||||
|
||||
/*第一种样式结束*/
|
||||
|
||||
|
||||
/*第二种样式*/
|
||||
|
||||
.scroll2::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/*正常时候的主干部分*/
|
||||
.scroll2::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
/*正常情况下滑块的样式*/
|
||||
.scroll2::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, .05);
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
|
||||
.scroll2:hover::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(0, 0, 0, .2);
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
/*鼠标悬浮在滚动条上的主干部分*/
|
||||
.scroll2::-webkit-scrollbar-track:hover {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
/*鼠标悬浮在滑块上时滑块的样式*/
|
||||
.scroll2::-webkit-scrollbar-thumb:hover {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
|
||||
}
|
||||
|
||||
/*第二种样式结束*/
|
||||
@@ -0,0 +1,663 @@
|
||||
@import "reset.less";
|
||||
// @import "normalize.less";
|
||||
@import "bscroll.less";
|
||||
|
||||
.align-middle {
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.align-middle-wrap {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.text-ellipsis {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
* {
|
||||
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
|
||||
"Microsoft YaHei", "微软雅黑", Arial, sans-serif;
|
||||
// font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", "Microsoft YaHei" , "微软雅黑";
|
||||
}
|
||||
html {
|
||||
font-size: 14px;
|
||||
color: #272829;
|
||||
}
|
||||
body {
|
||||
background-color: #f8f9fa;
|
||||
min-width: 1002px;
|
||||
line-height: 1.5;
|
||||
|
||||
font-size: 14px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
scroll-behavior: smooth;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
[v-cloak] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// 浮动与清除浮动
|
||||
.fl {
|
||||
float: left !important;
|
||||
}
|
||||
.fr {
|
||||
float: right !important;
|
||||
}
|
||||
.fix {
|
||||
*zoom: 1;
|
||||
}
|
||||
.fix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
clear: both;
|
||||
}
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
width: 1050px;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.base-slider {
|
||||
width: 48px;
|
||||
position: absolute;
|
||||
left: 7px;
|
||||
bottom: -1px;
|
||||
z-index: 1;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
transform-origin: 0 0;
|
||||
.indicator {
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: #272829;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
header.header-wrapper {
|
||||
height: 88px;
|
||||
background: #fff;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
box-shadow: 0px 10px 20px 0px rgba(239, 239, 239, 0.09);
|
||||
.logo-box {
|
||||
height: 35px;
|
||||
max-height: 60px;
|
||||
overflow: hidden;
|
||||
img {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.schname-box {
|
||||
line-height: 32px;
|
||||
height: 32px;
|
||||
margin-left: 8px;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
font-weight: 700;
|
||||
font-family: SimSun;
|
||||
font-family: SourceHanSerifCN-Bold, SourceHanSerifCN;
|
||||
}
|
||||
.app-down {
|
||||
margin-right: 5px;
|
||||
font-size: 15px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
font-weight: 400;
|
||||
a {
|
||||
color: #272829;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.down-app-box {
|
||||
width: 200px;
|
||||
height: 222px;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
right: 0px;
|
||||
background: #fff;
|
||||
border: 1px solid #e8e8e8;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
display: none;
|
||||
.tips-box {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 40px;
|
||||
&::after {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -9px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-right: 8px solid transparent;
|
||||
border-bottom: 8px solid #e8e8e8;
|
||||
border-left: 8px solid transparent;
|
||||
z-index: 2;
|
||||
}
|
||||
&::before {
|
||||
display: block;
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: -8px;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-right: 8px solid transparent;
|
||||
border-bottom: 8px solid #fff;
|
||||
border-left: 8px solid transparent;
|
||||
z-index: 4;
|
||||
}
|
||||
}
|
||||
h3 {
|
||||
height: 20px;
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
color: #272829;
|
||||
line-height: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
img {
|
||||
margin-top: 26px;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
}
|
||||
}
|
||||
.main-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.banner-wrapper {
|
||||
width: 100%;
|
||||
height: 480px;
|
||||
min-height: 480px;
|
||||
// background: url("../image/banner-bg.png") no-repeat center center/ cover;
|
||||
position: relative;
|
||||
padding-top: 88px;
|
||||
.main-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.banner-box {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 88px;
|
||||
bottom: 0;
|
||||
z-index: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
overflow: hidden;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
font-family: "object-fit: cover;";
|
||||
}
|
||||
}
|
||||
|
||||
.warning-box {
|
||||
span {
|
||||
color: #ff0000;
|
||||
}
|
||||
}
|
||||
.qrcode-box {
|
||||
margin-top: 35px;
|
||||
margin-bottom: 35px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.login-wrapper {
|
||||
width: 320px;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
}
|
||||
.login-header {
|
||||
border-bottom: 1px solid #f6f6f6;
|
||||
padding-top: 10px;
|
||||
position: relative;
|
||||
margin: 0 30px;
|
||||
// margin-bottom: 28px;
|
||||
ul {
|
||||
padding: 14px 0;
|
||||
li {
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
margin-right: 14px;
|
||||
color: #656667;
|
||||
font-weight: 550;
|
||||
}
|
||||
li.active {
|
||||
color: #272829;
|
||||
}
|
||||
}
|
||||
|
||||
.header-slider {
|
||||
.base-slider;
|
||||
left: 0;
|
||||
.indicator {
|
||||
float: left;
|
||||
}
|
||||
&.active-1 {
|
||||
transform: translateX(0);
|
||||
}
|
||||
&.active-2 {
|
||||
transform: translateX(70px);
|
||||
}
|
||||
&.active-3 {
|
||||
transform: translateX(140px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.login-body {
|
||||
position: relative;
|
||||
}
|
||||
.login-footer {
|
||||
height: 22px;
|
||||
margin: 15px 40px;
|
||||
}
|
||||
.login-form {
|
||||
margin:40px 30px 20px;
|
||||
.form-item {
|
||||
margin-top: 17px;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #fafafa;
|
||||
border-radius: 4px;
|
||||
border: 1px solid #f1f1f1;
|
||||
}
|
||||
.icon-box {
|
||||
background: #fff;
|
||||
width: 48px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-right: 1px solid #f1f1f1;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
p.input-box {
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
input {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
padding: 4px 10px 4px 16px;
|
||||
box-sizing: border-box;
|
||||
border: none;
|
||||
outline: none;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
#password_input {
|
||||
width: calc(100% - 48px);
|
||||
&::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
&::-ms-reveal {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.pwd-icon-box {
|
||||
.icon-box;
|
||||
float: right;
|
||||
background-color: #fafafa;
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
}
|
||||
.operate-box{
|
||||
margin: 12px 0;
|
||||
.fix;
|
||||
label{
|
||||
color: #b1b1b1;
|
||||
font-size: 12px;
|
||||
user-select: none;
|
||||
}
|
||||
.login-checkbox {
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
a{
|
||||
font-size: 12px;
|
||||
float: right;
|
||||
color: #6d8cf0;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
.btn-submit {
|
||||
display: inline-block;
|
||||
line-height: 42px;
|
||||
height: 40px;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
padding: 0px 20px;
|
||||
position: relative;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
background: #6b8cf4;
|
||||
border: none;
|
||||
margin-bottom: 10px;
|
||||
&::before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0px;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
box-sizing: content-box;
|
||||
}
|
||||
&::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
&:hover::before {
|
||||
content: "";
|
||||
}
|
||||
&:active::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
.btn-vercode{
|
||||
overflow: hidden;
|
||||
background: #6b8cf4;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
width:100px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
border-radius: 36px;
|
||||
margin:0;
|
||||
margin-top:17px;
|
||||
|
||||
&[disabled]{
|
||||
background: #b6c5f7;
|
||||
}
|
||||
}
|
||||
|
||||
.vercode-wrap{
|
||||
.form-item{
|
||||
width:calc(100% - 116px);
|
||||
}
|
||||
}
|
||||
// .login-form,
|
||||
// .login-form .btn-submit {
|
||||
// margin-top: 40px;
|
||||
// }
|
||||
|
||||
.qrcode-box {
|
||||
text-align: center;
|
||||
img {
|
||||
margin: 42px auto 25px;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
}
|
||||
p {
|
||||
font-size: 13px;
|
||||
color: #656667;
|
||||
margin: 0 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.forgetpw-wrapper {
|
||||
width: 320px;
|
||||
background: #ffffff;
|
||||
border-radius: 6px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
.login-form{
|
||||
margin-top:10px;
|
||||
}
|
||||
}
|
||||
.forgetpw-stats-box{
|
||||
text-align: center;
|
||||
img{
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
object-fit: cover;
|
||||
margin: 60px 0 30px;
|
||||
}
|
||||
h4{
|
||||
height: 32px;
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
color: rgba(0, 0, 0, 0.8500000238418579);
|
||||
line-height: 32px;
|
||||
}
|
||||
p{
|
||||
height: 22px;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.44999998807907104);
|
||||
line-height: 22px;
|
||||
margin:10px 0;
|
||||
}
|
||||
button{
|
||||
width:260px;
|
||||
margin: 30px;
|
||||
}
|
||||
}
|
||||
.tips-info-box{
|
||||
color: #858585;
|
||||
font-size: 12px;
|
||||
margin: 15px 30px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.tabs {
|
||||
height: 40px;
|
||||
margin-top: 15px;
|
||||
border-bottom: 1px solid #ececec;
|
||||
box-sizing: border-box;
|
||||
padding: 7px;
|
||||
position: relative;
|
||||
.tabs-nav {
|
||||
li {
|
||||
float: left;
|
||||
color: #666;
|
||||
font-size: 12px;
|
||||
user-select: none;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
cursor: pointer;
|
||||
|
||||
&.spacer-li {
|
||||
width: 16px;
|
||||
span {
|
||||
margin-left: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.active {
|
||||
color: #272829;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.tabs-slider {
|
||||
.base-slider;
|
||||
}
|
||||
}
|
||||
|
||||
.app-ul {
|
||||
padding-left: 60px;
|
||||
background: #fff;
|
||||
padding-bottom: 38px;
|
||||
& > li {
|
||||
float: left;
|
||||
height: 100px;
|
||||
width: (1/6) * 100%;
|
||||
padding-right: 60px;
|
||||
margin-top: 38px;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
a {
|
||||
.fix;
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #272829;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
margin: 0 auto;
|
||||
// box-shadow:0px 10px 20px 0px rgba(0,0,0,0.05);
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
background: linear-gradient(
|
||||
180deg,
|
||||
#f8f8f9 0%,
|
||||
#ffffff 21%,
|
||||
#f7f7f7 100%
|
||||
);
|
||||
box-shadow: 0px 10px 20px 0px rgba(227, 230, 236, 0.33);
|
||||
border-radius: 10px;
|
||||
border: 1px solid #eaedf1;
|
||||
// border-image: linear-gradient(180deg, rgba(228, 231, 237, 1), rgba(228, 231, 237, 1)) 1 1;
|
||||
|
||||
.icon-box {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
text-align: center;
|
||||
margin: 11px;
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
// box-shadow:0 0 15px red;-moz-transition:all .3s;-webkit-transition:all .3s;-transition:all .3s;
|
||||
// background: darken($color: #fff, $amount: 8) ;
|
||||
}
|
||||
}
|
||||
h4.info {
|
||||
font-size: 14px;
|
||||
line-height: 16px;
|
||||
height: 16px;
|
||||
margin-top: 12px;
|
||||
color: #272829;
|
||||
.text-ellipsis;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.app-list-wrapper {
|
||||
.main-wrapper;
|
||||
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
|
||||
border-radius: 4px;
|
||||
margin-top: 18px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.wait-app-wrapper {
|
||||
.main-wrapper;
|
||||
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.04);
|
||||
border-radius: 4px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
h3.title {
|
||||
height: 61px;
|
||||
line-height: 25px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
background: #fff;
|
||||
text-align: center;
|
||||
padding: 18px;
|
||||
box-sizing: border-box;
|
||||
border-bottom: 1px solid #ececec;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
background: #374a5f;
|
||||
width: 100%;
|
||||
height: 98px;
|
||||
p {
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
text-align: center;
|
||||
font-family: SimSun;
|
||||
font-family: SourceHanSansCN-Regular, SourceHanSansCN;
|
||||
a{
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-container.theme-light {
|
||||
background: #fff;
|
||||
p {
|
||||
color: #272829;
|
||||
a{
|
||||
color: #272829;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
min-height: 480px;
|
||||
}
|
||||
.swiper-slide {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
bottom: 5px;
|
||||
width: 100%;
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
margin: 0 3px;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
background: #f1f1f1;
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -0,0 +1,79 @@
|
||||
/* 移除不必要的部分 */
|
||||
@media (max-width: 768px) {
|
||||
body{
|
||||
min-width: 100%;
|
||||
}
|
||||
html,body,#app{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.app-down,.banner-box{display: none;}
|
||||
.footer-container{
|
||||
height: 58px;
|
||||
}
|
||||
header.header-wrapper{
|
||||
height: 58px;
|
||||
padding:0 10px;
|
||||
}
|
||||
|
||||
.banner-wrapper{
|
||||
padding-top:48px;
|
||||
height: calc(100% - 105px);
|
||||
}
|
||||
|
||||
|
||||
.banner-box, .tabs, .app-list-wrapper, .wait-app-wrapper {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.main-wrapper {
|
||||
width: 100% !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
||||
.login-wrapper {
|
||||
width: 90% !important;
|
||||
margin: 0 auto !important ;
|
||||
float: none !important;
|
||||
}
|
||||
|
||||
.login-header ul {
|
||||
padding: 14px 0 !important;
|
||||
}
|
||||
|
||||
.login-header ul li {
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.login-form {
|
||||
margin: 20px 15px !important;
|
||||
}
|
||||
|
||||
.login-form .form-item {
|
||||
margin-top: 15px !important;
|
||||
}
|
||||
|
||||
.login-form .icon-box {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
|
||||
.login-form p.input-box input {
|
||||
padding: 4px 10px 4px 12px !important;
|
||||
}
|
||||
|
||||
.operate-box {
|
||||
margin: 12px 0 !important;
|
||||
}
|
||||
|
||||
.operate-box a {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.btn-submit {
|
||||
height: 40px !important;
|
||||
line-height: 40px !important;
|
||||
font-size: 14px !important;
|
||||
margin-bottom: 10px !important;
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}
|
||||
@@ -0,0 +1,133 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
|
||||
.html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
line-height: 1.5;
|
||||
} /* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: "";
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
scroll-behavior: smooth;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
@@ -0,0 +1,74 @@
|
||||
// utils 工具
|
||||
.text-black{color:#000}
|
||||
.text-dark{color:#333}
|
||||
.text-deep{color:#555}
|
||||
.text-weak{color:#B3B3B3}
|
||||
.text-white{color:#fff}
|
||||
|
||||
// 文字对齐
|
||||
.tl{text-align:left}
|
||||
.tc{text-align:center}
|
||||
.tr{text-align:right}
|
||||
// 浮动与清除浮动
|
||||
.fl{float:left}
|
||||
.fr{float:right}
|
||||
.fix{*zoom:1}
|
||||
.fix:after{display:table;content:'';clear:both}
|
||||
// 显示
|
||||
.dn{display:none}
|
||||
.di{display:inline}
|
||||
.db{display:block}
|
||||
.dib{display:inline-block}
|
||||
.dt{display:table}
|
||||
div.dib{*display:inline;*zoom:1}
|
||||
.vm{vertical-align:middle}
|
||||
.vib{display:inline-block;vertical-align:middle}
|
||||
// 定位
|
||||
.pr{position:relative}
|
||||
.pa{position:absolute}
|
||||
.pf{position:fixed}
|
||||
|
||||
.for(@count){
|
||||
.width-@{count} { width: @count *1%;}
|
||||
.height-@{count} { height: @count *1%;}
|
||||
|
||||
.ml-@{count} { margin-left: @count * 1px; }
|
||||
.mr-@{count} { margin-right: @count * 1px; }
|
||||
.mt-@{count} { margin-top: @count* 1px; }
|
||||
.mb-@{count} { margin-bottom: @count * 1px; }
|
||||
}
|
||||
|
||||
.loop(50);
|
||||
.loop(@n, @i: 0) when (@i =< @n) {
|
||||
.ml-@{i} { margin-left: @i * 1px !important; }
|
||||
.mr-@{i} { margin-right: @i * 1px!important; }
|
||||
.mt-@{i} { margin-top: @i* 1px!important; }
|
||||
.mb-@{i} { margin-bottom: @i * 1px!important; }
|
||||
|
||||
.loop(@n, (@i+1));
|
||||
}
|
||||
|
||||
.text-ellipsis{
|
||||
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
.col-12{width:100%}
|
||||
.col-11{width:91.66666667%}
|
||||
.col-10{width:83.33333333%}
|
||||
.col-9{width:75%}
|
||||
.col-8{width:66.66666667%}
|
||||
.col-7{width:58.33333333%}
|
||||
.col-6{width:50%}
|
||||
.col-5{width:41.66666667%}
|
||||
.col-4{width:33.33333333%}
|
||||
.col-3{width:25%}
|
||||
.col-2{width:16.66666667%}
|
||||
.col-1{width:8.33333333%}
|
||||
|
||||
.col-4, .col-8, .col-12{
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
+6
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
/*! npm.im/object-fit-images 3.2.4 */
|
||||
var objectFitImages=function(){"use strict";function t(t,e){return"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='"+t+"' height='"+e+"'%3E%3C/svg%3E"}function e(t){if(t.srcset&&!p&&window.picturefill){var e=window.picturefill._;t[e.ns]&&t[e.ns].evaled||e.fillImg(t,{reselect:!0}),t[e.ns].curSrc||(t[e.ns].supported=!1,e.fillImg(t,{reselect:!0})),t.currentSrc=t[e.ns].curSrc||t.src}}function i(t){for(var e,i=getComputedStyle(t).fontFamily,r={};null!==(e=u.exec(i));)r[e[1]]=e[2];return r}function r(e,i,r){var n=t(i||1,r||0);b.call(e,"src")!==n&&h.call(e,"src",n)}function n(t,e){t.naturalWidth?e(t):setTimeout(n,100,t,e)}function c(t){var c=i(t),o=t[l];if(c["object-fit"]=c["object-fit"]||"fill",!o.img){if("fill"===c["object-fit"])return;if(!o.skipTest&&f&&!c["object-position"])return}if(!o.img){o.img=new Image(t.width,t.height),o.img.srcset=b.call(t,"data-ofi-srcset")||t.srcset,o.img.src=b.call(t,"data-ofi-src")||t.src,h.call(t,"data-ofi-src",t.src),t.srcset&&h.call(t,"data-ofi-srcset",t.srcset),r(t,t.naturalWidth||t.width,t.naturalHeight||t.height),t.srcset&&(t.srcset="");try{s(t)}catch(t){window.console&&console.warn("https://bit.ly/ofi-old-browser")}}e(o.img),t.style.backgroundImage='url("'+(o.img.currentSrc||o.img.src).replace(/"/g,'\\"')+'")',t.style.backgroundPosition=c["object-position"]||"center",t.style.backgroundRepeat="no-repeat",t.style.backgroundOrigin="content-box",/scale-down/.test(c["object-fit"])?n(o.img,function(){o.img.naturalWidth>t.width||o.img.naturalHeight>t.height?t.style.backgroundSize="contain":t.style.backgroundSize="auto"}):t.style.backgroundSize=c["object-fit"].replace("none","auto").replace("fill","100% 100%"),n(o.img,function(e){r(t,e.naturalWidth,e.naturalHeight)})}function s(t){var e={get:function(e){return t[l].img[e?e:"src"]},set:function(e,i){return t[l].img[i?i:"src"]=e,h.call(t,"data-ofi-"+i,e),c(t),e}};Object.defineProperty(t,"src",e),Object.defineProperty(t,"currentSrc",{get:function(){return e.get("currentSrc")}}),Object.defineProperty(t,"srcset",{get:function(){return e.get("srcset")},set:function(t){return e.set(t,"srcset")}})}function o(){function t(t,e){return t[l]&&t[l].img&&("src"===e||"srcset"===e)?t[l].img:t}d||(HTMLImageElement.prototype.getAttribute=function(e){return b.call(t(this,e),e)},HTMLImageElement.prototype.setAttribute=function(e,i){return h.call(t(this,e),e,String(i))})}function a(t,e){var i=!y&&!t;if(e=e||{},t=t||"img",d&&!e.skipTest||!m)return!1;"img"===t?t=document.getElementsByTagName("img"):"string"==typeof t?t=document.querySelectorAll(t):"length"in t||(t=[t]);for(var r=0;r<t.length;r++)t[r][l]=t[r][l]||{skipTest:e.skipTest},c(t[r]);i&&(document.body.addEventListener("load",function(t){"IMG"===t.target.tagName&&a(t.target,{skipTest:e.skipTest})},!0),y=!0,t="img"),e.watchMQ&&window.addEventListener("resize",a.bind(null,t,{skipTest:e.skipTest}))}var l="fregante:object-fit-images",u=/(object-fit|object-position)\s*:\s*([-.\w\s%]+)/g,g="undefined"==typeof Image?{style:{"object-position":1}}:new Image,f="object-fit"in g.style,d="object-position"in g.style,m="background-size"in g.style,p="string"==typeof g.currentSrc,b=g.getAttribute,h=g.setAttribute,y=!1;return a.supportsObjectFit=f,a.supportsObjectPosition=d,o(),a}();
|
||||
File diff suppressed because one or more lines are too long
+14
File diff suppressed because one or more lines are too long
+571
@@ -0,0 +1,571 @@
|
||||
/**
|
||||
* Swiper 3.4.2
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
*
|
||||
* http://www.idangero.us/swiper/
|
||||
*
|
||||
* Copyright 2017, Vladimir Kharlampidi
|
||||
* The iDangero.us
|
||||
* http://www.idangero.us/
|
||||
*
|
||||
* Licensed under MIT
|
||||
*
|
||||
* Released on: March 10, 2017
|
||||
*/
|
||||
.swiper-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.swiper-container-no-flexbox .swiper-slide {
|
||||
float: left
|
||||
}
|
||||
|
||||
.swiper-container-vertical>.swiper-wrapper {
|
||||
-webkit-box-orient: vertical;
|
||||
-moz-box-orient: vertical;
|
||||
-ms-flex-direction: column;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-transition-property: -webkit-transform;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-ms-transition-property: -ms-transform;
|
||||
transition-property: transform;
|
||||
-webkit-box-sizing: content-box;
|
||||
-moz-box-sizing: content-box;
|
||||
box-sizing: content-box
|
||||
}
|
||||
|
||||
.swiper-container-android .swiper-slide,.swiper-wrapper {
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-o-transform: translate(0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0)
|
||||
}
|
||||
|
||||
.swiper-container-multirow>.swiper-wrapper {
|
||||
-webkit-box-lines: multiple;
|
||||
-moz-box-lines: multiple;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
.swiper-container-free-mode>.swiper-wrapper {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
-webkit-flex-shrink: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
|
||||
height: auto
|
||||
}
|
||||
|
||||
.swiper-container-autoheight .swiper-wrapper {
|
||||
-webkit-box-align: start;
|
||||
-ms-flex-align: start;
|
||||
-webkit-align-items: flex-start;
|
||||
align-items: flex-start;
|
||||
-webkit-transition-property: -webkit-transform,height;
|
||||
-moz-transition-property: -moz-transform;
|
||||
-o-transition-property: -o-transform;
|
||||
-ms-transition-property: -ms-transform;
|
||||
transition-property: transform,height
|
||||
}
|
||||
|
||||
.swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000
|
||||
}
|
||||
|
||||
.swiper-wp8-horizontal {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y
|
||||
}
|
||||
|
||||
.swiper-wp8-vertical {
|
||||
-ms-touch-action: pan-x;
|
||||
touch-action: pan-x
|
||||
}
|
||||
|
||||
.swiper-button-next,.swiper-button-prev {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
-moz-background-size: 27px 44px;
|
||||
-webkit-background-size: 27px 44px;
|
||||
background-size: 27px 44px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
|
||||
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
|
||||
opacity: .35;
|
||||
cursor: auto;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||||
left: 10px;
|
||||
right: auto
|
||||
}
|
||||
|
||||
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
||||
}
|
||||
|
||||
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
||||
}
|
||||
|
||||
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
|
||||
right: 10px;
|
||||
left: auto
|
||||
}
|
||||
|
||||
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
|
||||
}
|
||||
|
||||
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
|
||||
}
|
||||
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
-webkit-transition: .3s;
|
||||
-moz-transition: .3s;
|
||||
-o-transition: .3s;
|
||||
transition: .3s;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
-o-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #000;
|
||||
opacity: .2
|
||||
}
|
||||
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-moz-appearance: none;
|
||||
-ms-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none
|
||||
}
|
||||
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.swiper-pagination-white .swiper-pagination-bullet {
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: #007aff
|
||||
}
|
||||
|
||||
.swiper-pagination-white .swiper-pagination-bullet-active {
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.swiper-pagination-black .swiper-pagination-bullet-active {
|
||||
background: #000
|
||||
}
|
||||
|
||||
.swiper-container-vertical>.swiper-pagination-bullets {
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
-webkit-transform: translate3d(0,-50%,0);
|
||||
-moz-transform: translate3d(0,-50%,0);
|
||||
-o-transform: translate(0,-50%);
|
||||
-ms-transform: translate3d(0,-50%,0);
|
||||
transform: translate3d(0,-50%,0)
|
||||
}
|
||||
|
||||
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 5px 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 5px
|
||||
}
|
||||
|
||||
.swiper-pagination-progress {
|
||||
background: rgba(0,0,0,.25);
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.swiper-pagination-progress .swiper-pagination-progressbar {
|
||||
background: #007aff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transform: scale(0);
|
||||
-ms-transform: scale(0);
|
||||
-o-transform: scale(0);
|
||||
transform: scale(0);
|
||||
-webkit-transform-origin: left top;
|
||||
-moz-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
-o-transform-origin: left top;
|
||||
transform-origin: left top
|
||||
}
|
||||
|
||||
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
|
||||
-webkit-transform-origin: right top;
|
||||
-moz-transform-origin: right top;
|
||||
-ms-transform-origin: right top;
|
||||
-o-transform-origin: right top;
|
||||
transform-origin: right top
|
||||
}
|
||||
|
||||
.swiper-container-horizontal>.swiper-pagination-progress {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.swiper-container-vertical>.swiper-pagination-progress {
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.swiper-pagination-progress.swiper-pagination-white {
|
||||
background: rgba(255,255,255,.5)
|
||||
}
|
||||
|
||||
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
|
||||
background: #000
|
||||
}
|
||||
|
||||
.swiper-container-3d {
|
||||
-webkit-perspective: 1200px;
|
||||
-moz-perspective: 1200px;
|
||||
-o-perspective: 1200px;
|
||||
perspective: 1200px
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
|
||||
-webkit-transform-style: preserve-3d;
|
||||
-moz-transform-style: preserve-3d;
|
||||
-ms-transform-style: preserve-3d;
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-slide-shadow-left {
|
||||
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
|
||||
background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-slide-shadow-right {
|
||||
background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
|
||||
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
|
||||
background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
|
||||
}
|
||||
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
|
||||
background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
|
||||
background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
|
||||
}
|
||||
|
||||
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper {
|
||||
-ms-perspective: 1200px
|
||||
}
|
||||
|
||||
.swiper-container-cube,.swiper-container-flip {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide {
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
backface-visibility: hidden
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide {
|
||||
visibility: hidden;
|
||||
-webkit-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
width: 100%;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||||
-webkit-transform-origin: 100% 0;
|
||||
-moz-transform-origin: 100% 0;
|
||||
-ms-transform-origin: 100% 0;
|
||||
transform-origin: 100% 0
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
|
||||
pointer-events: auto;
|
||||
visibility: visible
|
||||
}
|
||||
|
||||
.swiper-container-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: .6;
|
||||
-webkit-filter: blur(50px);
|
||||
filter: blur(50px);
|
||||
z-index: 0
|
||||
}
|
||||
|
||||
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||||
-webkit-transition-timing-function: ease-out;
|
||||
-moz-transition-timing-function: ease-out;
|
||||
-ms-transition-timing-function: ease-out;
|
||||
-o-transition-timing-function: ease-out;
|
||||
transition-timing-function: ease-out
|
||||
}
|
||||
|
||||
.swiper-container-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-transition-property: opacity;
|
||||
-moz-transition-property: opacity;
|
||||
-o-transition-property: opacity;
|
||||
transition-property: opacity
|
||||
}
|
||||
|
||||
.swiper-container-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
.swiper-zoom-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-moz-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-moz-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain
|
||||
}
|
||||
|
||||
.swiper-scrollbar {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: rgba(0,0,0,.1)
|
||||
}
|
||||
|
||||
.swiper-container-horizontal>.swiper-scrollbar {
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 3px;
|
||||
z-index: 50;
|
||||
height: 5px;
|
||||
width: 98%
|
||||
}
|
||||
|
||||
.swiper-container-vertical>.swiper-scrollbar {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1%;
|
||||
z-index: 50;
|
||||
width: 5px;
|
||||
height: 98%
|
||||
}
|
||||
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: rgba(0,0,0,.5);
|
||||
border-radius: 10px;
|
||||
left: 0;
|
||||
top: 0
|
||||
}
|
||||
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
-webkit-transform-origin: 50%;
|
||||
-moz-transform-origin: 50%;
|
||||
transform-origin: 50%;
|
||||
-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
|
||||
-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
|
||||
animation: swiper-preloader-spin 1s steps(12,end) infinite
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader:after {
|
||||
display: block;
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
|
||||
background-position: 50%;
|
||||
-webkit-background-size: 100%;
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat
|
||||
}
|
||||
|
||||
.swiper-lazy-preloader-white:after {
|
||||
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
|
||||
}
|
||||
|
||||
@-webkit-keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
+3065
File diff suppressed because it is too large
Load Diff
+6
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user