Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
J
JM-07
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
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
template admin
JM-07
Commits
855b5f77
Commit
855b5f77
authored
Aug 05, 2021
by
Chen Jiping
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix:调整样式
parent
4136db38
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
52 additions
and
28 deletions
+52
-28
index.css
play/index.css
+37
-24
index.html
play/index.html
+2
-2
index.js
play/index.js
+13
-2
No files found.
play/index.css
View file @
855b5f77
...
...
@@ -435,21 +435,21 @@ body {
.dialog-submit
{
position
:
relative
;
width
:
100%
;
height
:
1
0rem
;
height
:
4.
0rem
;
text-align
:
center
;
}
.clip
{
position
:
absolute
;
width
:
7
0%
;
width
:
5
0%
;
top
:
-10%
;
left
:
14
%
;
left
:
25
%
;
}
.submit
{
position
:
absolute
;
font-family
:
Aileron-Black
;
font-size
:
1.2
rem
;
font-size
:
0.5
rem
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -457,13 +457,14 @@ body {
letter-spacing
:
normal
;
text-align
:
center
;
color
:
#ffffff
;
left
:
38
%
;
left
:
43
%
;
z-index
:
1
;
}
.warning
{
font-family
:
Aileron-Bold
;
font-weight
:
600
;
font-size
:
0.5rem
;
font-stretch
:
normal
;
font-style
:
normal
;
line-height
:
normal
;
...
...
@@ -474,22 +475,22 @@ body {
}
.my-btn2
{
border-radius
:
0.
7
rem
;
border-radius
:
0.
2
rem
;
background-color
:
#f1e4c2
;
width
:
7.0
rem
;
height
:
1.6
rem
;
width
:
4.2
rem
;
height
:
0.8
rem
;
font-family
:
Aileron-Black
;
font-size
:
0.
8
rem
;
font-size
:
0.
4
rem
;
font-weight
:
600
;
font-stretch
:
normal
;
font-style
:
normal
;
line-height
:
1.65
rem
;
line-height
:
0.9
rem
;
letter-spacing
:
normal
;
text-align
:
center
;
color
:
#3e9e33
;
cursor
:
pointer
;
box-shadow
:
0px
5px
12px
5px
#0a6500
;
margin-left
:
1
9
%
;
margin-left
:
1
5
%
;
}
.submit-press
{
...
...
@@ -546,14 +547,14 @@ body {
.score
.medal
{
position
:
absolute
;
top
:
6%
;
margin-left
:
-
1.85
rem
;
margin-left
:
-
0.9
rem
;
height
:
45%
;
}
.score
.val
{
object-fit
:
contain
;
font-family
:
Aileron-Bold
;
font-size
:
1.
5rem
;
font-size
:
0.8
5rem
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -562,14 +563,14 @@ body {
text-align
:
center
;
color
:
#ffffff
;
position
:
absolute
;
margin-left
:
-0.
9
5rem
;
margin-top
:
2.1
rem
;
margin-left
:
-0.
5
5rem
;
margin-top
:
0.9
rem
;
}
.score
.tips
{
object-fit
:
contain
;
font-family
:
Aileron-Bold
;
font-size
:
64px
;
font-size
:
0.8rem
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -579,6 +580,18 @@ body {
color
:
#2890bc
;
}
.excellent
{
color
:
#CC296B
;
}
.great
{
color
:
#2890bc
;
}
.nicetry
{
color
:
#b17d5a
;
}
.score
.sub-score
{
width
:
60%
;
height
:
18%
;
...
...
@@ -591,7 +604,7 @@ body {
.sub-score
.thead
{
object-fit
:
contain
;
font-family
:
Aileron-Bold
;
font-size
:
0.
5
rem
;
font-size
:
0.
3
rem
;
font-weight
:
600
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -604,7 +617,7 @@ body {
.sub-score
.tbody
{
object-fit
:
contain
;
font-family
:
Aileron-Bold
;
font-size
:
0.5rem
;
font-size
:
0.
3
5rem
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -628,12 +641,12 @@ body {
height
:
40%
;
overflow-x
:
inherit
;
overflow-y
:
auto
;
margin-top
:
1.0
rem
;
margin-top
:
0.65
rem
;
text-align
:
left
;
padding
:
10px
90px
;
padding
:
0.1rem
0.8rem
;
object-fit
:
contain
;
font-family
:
Arial
;
font-size
:
0.
7
rem
;
font-size
:
0.
5
rem
;
font-weight
:
normal
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
@@ -657,16 +670,16 @@ body {
#evaluation
{
width
:
90%
;
height
:
3
2
%
;
height
:
3
0
%
;
overflow-x
:
inherit
;
overflow-y
:
auto
;
margin-top
:
1
rem
;
margin-top
:
0.5
rem
;
text-align
:
left
;
padding
:
0.2rem
0.8rem
;
margin-left
:
5%
;
object-fit
:
contain
;
font-family
:
DroidSansFallback
;
font-size
:
0.
6
rem
;
font-size
:
0.
5
rem
;
font-weight
:
600
;
font-stretch
:
normal
;
font-style
:
normal
;
...
...
play/index.html
View file @
855b5f77
...
...
@@ -134,7 +134,7 @@
<div
class=
"score"
>
<img
src=
"../lib/images/excellent.png"
class=
"medal"
>
<span
id=
"score"
class=
"val"
>
90
</span>
<h1
style=
"margin-top:
4.4
rem;margin-bottom: 0.05rem;"
><span
class=
"tips"
>
Great!
</span></h1>
<h1
style=
"margin-top:
2.2
rem;margin-bottom: 0.05rem;"
><span
class=
"tips"
>
Great!
</span></h1>
<div
class=
'sub-score'
>
<table
style=
"width: 100%; height: 100%; position: relative;"
>
<tr
class=
"thead"
>
...
...
@@ -172,7 +172,7 @@
<div
class=
"dialog-submit"
>
<span
class=
"submit"
>
Submit
</span>
<img
src=
"../lib/images/clip.png"
class=
"clip"
>
<table
style=
"width: 100%; height:
6
0%; position: absolute; top: 30%;"
>
<table
style=
"width: 100%; height:
5
0%; position: absolute; top: 30%;"
>
<tr>
<td
colspan=
"2"
>
<h1
class=
"warning"
>
本题只能提交一次,确定交卷吗?
</h1>
...
...
play/index.js
View file @
855b5f77
...
...
@@ -297,8 +297,9 @@ class PlayView {
bindConfirmBtn
();
$
(
"
.hello-container
"
).
show
();
//$(".hello-container").show();
$
(
"
#submitBtn
"
).
show
();
$
(
"
#exercise
"
).
show
();
// 学生特定的页面
$
(
"
[role='stu']
"
).
show
();
}
...
...
@@ -838,16 +839,26 @@ function drawResult(data, text) {
let
imgSrc
=
""
;
let
tips
=
""
;
let
fontColor
=
''
;
if
(
score
>=
80
)
{
imgSrc
=
"
../lib/images/excellent.png
"
;
tips
=
'
Excellent!
'
fontColor
=
'
excellent
'
;
}
else
if
(
score
>=
60
)
{
imgSrc
=
"
../lib/images/great.png
"
;
tips
=
'
Great!
'
fontColor
=
'
great
'
;
}
else
{
imgSrc
=
"
../lib/images/nicetry.png
"
;
tips
=
'
Nice try!
'
fontColor
=
'
nicetry
'
;
}
$
(
"
.tips
"
).
empty
().
addClass
(
fontColor
);
$
(
"
.medal
"
).
attr
(
'
src
'
,
imgSrc
);
$
(
"
#score
"
).
empty
().
append
(
score
);
$
(
"
#recorder-text
"
).
empty
().
append
(
text
);
...
...
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