Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
F
fgqyxxlr
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
yaru
fgqyxxlr
Commits
583b06ca
Commit
583b06ca
authored
Dec 12, 2018
by
RuoYi
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
登录界面去除iCheck插件改为自定义css(提升响应速度及部分背景图不适应)
parent
e56a7e7e
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
68 additions
and
6 deletions
+68
-6
ruoyi-admin/src/main/resources/static/css/login.css
+63
-0
ruoyi-admin/src/main/resources/static/css/login.min.css
+2
-2
ruoyi-admin/src/main/resources/static/ruoyi/login.js
+0
-1
ruoyi-admin/src/main/resources/templates/login.html
+3
-3
No files found.
ruoyi-admin/src/main/resources/static/css/login.css
View file @
583b06ca
...
...
@@ -84,3 +84,65 @@ body.signin {
width
:
auto
}
}
/*
登录界面check样式
*/
.checkbox-custom
{
position
:
relative
;
padding
:
0
15px
0
25px
;
margin-bottom
:
7px
;
margin-top
:
0
;
display
:
inline-block
;
}
/*
将初始的checkbox的样式改变
*/
.checkbox-custom
input
[
type
=
"checkbox"
]
{
opacity
:
0
;
/*将初始的checkbox隐藏起来*/
position
:
absolute
;
cursor
:
pointer
;
z-index
:
2
;
margin
:
-6px
0
0
0
;
top
:
50%
;
left
:
3px
;
}
/*
设计新的checkbox,位置
*/
.checkbox-custom
label
:before
{
content
:
''
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
margin-top
:
-9px
;
width
:
18px
;
height
:
17px
;
display
:
inline-block
;
border-radius
:
2px
;
border
:
1px
solid
#bbb
;
background
:
#fff
;
}
/*
点击初始的checkbox,将新的checkbox关联起来
*/
.checkbox-custom
input
[
type
=
"checkbox"
]
:checked
+
label
:after
{
position
:
absolute
;
display
:
inline-block
;
font-family
:
'Glyphicons Halflings'
;
content
:
"\e013"
;
top
:
42%
;
left
:
3px
;
margin-top
:
-5px
;
font-size
:
11px
;
line-height
:
1
;
width
:
16px
;
height
:
16px
;
color
:
#333
;
}
.checkbox-custom
label
{
cursor
:
pointer
;
line-height
:
1.2
;
font-weight
:
normal
;
/*改变了rememberme的字体*/
margin-bottom
:
0
;
text-align
:
left
;
}
\ No newline at end of file
ruoyi-admin/src/main/resources/static/css/login.min.css
View file @
583b06ca
html
{
height
:
100%
}
body
.signin
{
height
:
auto
;
background
:
url(../img/login-background.jpg)
no-repeat
center
fixed
;
-webkit-background-size
:
cover
;
-moz-background-size
:
cover
;
-o-background-size
:
cover
;
background-size
:
cover
;
color
:
rgba
(
255
,
255
,
255
,
.95
)}
.signinpanel
{
width
:
750px
;
margin
:
10%
auto
0
}
.signinpanel
.logopanel
{
float
:
none
;
width
:
auto
;
padding
:
0
;
background
:
0
0
}
.signinpanel
.signin-info
ul
{
list-style
:
none
;
padding
:
0
;
margin
:
20px
0
}
.signinpanel
.form-control
{
display
:
block
;
margin-top
:
15px
}
.signinpanel
.uname
{
background
:
#fff
url(../img/user.png)
no-repeat
95%
center
;
color
:
#333
}
.signinpanel
.pword
{
background
:
#fff
url(../img/locked.png)
no-repeat
95%
center
;
color
:
#333
}
.signinpanel
.code
{
background
:
#fff
no-repeat
95%
center
;
color
:
#333
;
margin
:
0
0
15px
0
}
.signinpanel
.btn
{
margin-top
:
15px
}
.signinpanel
form
{
background
:
rgba
(
255
,
255
,
255
,
.2
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
-moz-box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
-webkit-box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
-moz-border-radius
:
3px
;
-webkit-border-radius
:
3px
;
border-radius
:
3px
;
padding
:
30px
}
.signup-footer
{
border-top
:
solid
1px
rgba
(
255
,
255
,
255
,
.3
);
margin
:
20px
0
;
padding-top
:
15px
}
@media
screen
and
(
max-width
:
768px
){
.signinpanel
,
.signuppanel
{
margin
:
0
auto
;
width
:
420px
!important
;
padding
:
20px
}
.signinpanel
form
{
margin-top
:
20px
}
.signup-footer
,
.signuppanel
.form-control
{
margin-bottom
:
10px
}
.signup-footer
.pull-left
,
.signup-footer
.pull-right
{
float
:
none
!important
;
text-align
:
center
}
.signinpanel
.signin-info
ul
{
display
:
none
}}
@media
screen
and
(
max-width
:
320px
){
.signinpanel
,
.signuppanel
{
margin
:
0
20px
;
width
:
auto
}}
\ No newline at end of file
html
{
height
:
100%
}
body
.signin
{
height
:
auto
;
background
:
url(../img/login-background.jpg)
no-repeat
center
fixed
;
-webkit-background-size
:
cover
;
-moz-background-size
:
cover
;
-o-background-size
:
cover
;
background-size
:
cover
;
color
:
rgba
(
255
,
255
,
255
,
.95
)}
.signinpanel
{
width
:
750px
;
margin
:
10%
auto
0
}
.signinpanel
.logopanel
{
float
:
none
;
width
:
auto
;
padding
:
0
;
background
:
0
}
.signinpanel
.signin-info
ul
{
list-style
:
none
;
padding
:
0
;
margin
:
20px
0
}
.signinpanel
.form-control
{
display
:
block
;
margin-top
:
15px
}
.signinpanel
.uname
{
background
:
#fff
url(../img/user.png)
no-repeat
95%
center
;
color
:
#333
}
.signinpanel
.pword
{
background
:
#fff
url(../img/locked.png)
no-repeat
95%
center
;
color
:
#333
}
.signinpanel
.code
{
background
:
#fff
no-repeat
95%
center
;
color
:
#333
;
margin
:
0
0
15px
0
}
.signinpanel
.btn
{
margin-top
:
15px
}
.signinpanel
form
{
background
:
rgba
(
255
,
255
,
255
,
.2
);
border
:
1px
solid
rgba
(
255
,
255
,
255
,
.3
);
-moz-box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
-webkit-box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
box-shadow
:
0
3px
0
rgba
(
12
,
12
,
12
,
.03
);
-moz-border-radius
:
3px
;
-webkit-border-radius
:
3px
;
border-radius
:
3px
;
padding
:
30px
}
.signup-footer
{
border-top
:
solid
1px
rgba
(
255
,
255
,
255
,
.3
);
margin
:
20px
0
;
padding-top
:
15px
}
@media
screen
and
(
max-width
:
768px
){
.signinpanel
,
.signuppanel
{
margin
:
0
auto
;
width
:
420px
!important
;
padding
:
20px
}
.signinpanel
form
{
margin-top
:
20px
}
.signup-footer
,
.signuppanel
.form-control
{
margin-bottom
:
10px
}
.signup-footer
.pull-left
,
.signup-footer
.pull-right
{
float
:
none
!important
;
text-align
:
center
}
.signinpanel
.signin-info
ul
{
display
:
none
}}
@media
screen
and
(
max-width
:
320px
){
.signinpanel
,
.signuppanel
{
margin
:
0
20px
;
width
:
auto
}}
.checkbox-custom
{
position
:
relative
;
padding
:
0
15px
0
25px
;
margin-bottom
:
7px
;
margin-top
:
0
;
display
:
inline-block
}
.checkbox-custom
input
[
type
=
"checkbox"
]
{
opacity
:
0
;
position
:
absolute
;
cursor
:
pointer
;
z-index
:
2
;
margin
:
-6px
0
0
0
;
top
:
50%
;
left
:
3px
}
.checkbox-custom
label
:before
{
content
:
''
;
position
:
absolute
;
top
:
50%
;
left
:
0
;
margin-top
:
-9px
;
width
:
18px
;
height
:
17px
;
display
:
inline-block
;
border-radius
:
2px
;
border
:
1px
solid
#bbb
;
background
:
#fff
}
.checkbox-custom
input
[
type
=
"checkbox"
]
:checked
+
label
:after
{
position
:
absolute
;
display
:
inline-block
;
font-family
:
'Glyphicons Halflings'
;
content
:
"\e013"
;
top
:
42%
;
left
:
3px
;
margin-top
:
-5px
;
font-size
:
11px
;
line-height
:
1
;
width
:
16px
;
height
:
16px
;
color
:
#333
}
.checkbox-custom
label
{
cursor
:
pointer
;
line-height
:
1.2
;
font-weight
:
normal
;
margin-bottom
:
0
;
text-align
:
left
}
\ No newline at end of file
ruoyi-admin/src/main/resources/static/ruoyi/login.js
View file @
583b06ca
$
(
function
()
{
validateRule
();
$
(
".i-checks"
).
iCheck
({
checkboxClass
:
"icheckbox_square-green-login"
});
$
(
'.imgcode'
).
click
(
function
()
{
var
url
=
ctx
+
"captcha/captchaImage?type="
+
captchaType
+
"&s="
+
Math
.
random
();
$
(
".imgcode"
).
attr
(
"src"
,
url
);
...
...
ruoyi-admin/src/main/resources/templates/login.html
View file @
583b06ca
...
...
@@ -11,7 +11,6 @@
<link
href=
"../static/css/font-awesome.min.css"
th:href=
"@{css/font-awesome.min.css}"
rel=
"stylesheet"
/>
<link
href=
"../static/css/style.css"
th:href=
"@{css/style.css}"
rel=
"stylesheet"
/>
<link
href=
"../static/css/login.min.css"
th:href=
"@{css/login.min.css}"
rel=
"stylesheet"
/>
<link
href=
"../static/ajax/libs/iCheck/custom.css"
th:href=
"@{/ajax/libs/iCheck/custom.css}"
rel=
"stylesheet"
/>
<link
href=
"../static/ruoyi/css/ry-ui.css"
th:href=
"@{/ruoyi/css/ry-ui.css?v=3.1.0}"
rel=
"stylesheet"
/>
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html" />
...
...
@@ -60,7 +59,9 @@
</a>
</div>
</div>
<input
class=
"i-checks"
type=
"checkbox"
name=
"rememberme"
/>
记住我
<div
class=
"checkbox-custom"
>
<input
type=
"checkbox"
id=
"rememberme"
name=
"rememberme"
>
<label
for=
"rememberme"
>
记住我
</label>
</div>
<button
class=
"btn btn-success btn-block"
id=
"btnSubmit"
data-loading=
"正在验证登录,请稍后..."
>
登录
</button>
</form>
</div>
...
...
@@ -80,7 +81,6 @@
<script
src=
"../static/ajax/libs/validate/jquery.validate.min.js"
th:src=
"@{/ajax/libs/validate/jquery.validate.min.js}"
></script>
<script
src=
"../static/ajax/libs/validate/messages_zh.min.js"
th:src=
"@{/ajax/libs/validate/messages_zh.min.js}"
></script>
<script
src=
"../static/ajax/libs/layer/layer.min.js"
th:src=
"@{/ajax/libs/layer/layer.min.js}"
></script>
<script
src=
"../static/ajax/libs/iCheck/icheck.min.js"
th:src=
"@{/ajax/libs/iCheck/icheck.min.js}"
></script>
<script
src=
"../static/ajax/libs/blockUI/jquery.blockUI.js"
th:src=
"@{/ajax/libs/blockUI/jquery.blockUI.js}"
></script>
<script
src=
"http://tajs.qq.com/stats?sId=62048022"
></script>
<script
src=
"../static/ruoyi/js/ry-ui.js"
th:src=
"@{/ruoyi/js/ry-ui.js?v=3.1.0}"
></script>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment