Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
W
ww_spelling
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
ww_spelling
Commits
dba868c7
Commit
dba868c7
authored
Aug 12, 2020
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改分辨率
parent
d9d7b4d1
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
68 additions
and
39 deletions
+68
-39
play.component.html
src/app/play/play.component.html
+42
-39
play.component.scss
src/app/play/play.component.scss
+24
-0
play.component.ts
src/app/play/play.component.ts
+2
-0
player-bg.jpg
src/assets/player-bg.jpg
+0
-0
No files found.
src/app/play/play.component.html
View file @
dba868c7
<div
class=
"content"
>
<div
class=
"body-bg"
></div>
<div
class=
"monkey-move"
>
<div
class=
"player-border"
>
<div
class=
"tree"
>
<div
class=
"content"
>
<div>
<div
class=
"monkey-move"
>
<div
class=
"trunk"
></div>
<div
class=
"tree"
>
</div>
<div>
<div
class=
"leaves"
#
leavesNode
>
<div
class=
"trunk"
></div>
<div
class=
"leaf"
*
ngFor=
"let le of otherwordnum"
>
</div>
<img
[
class
]="
le
.
rigof
?
'
on
'
:
'
off
'"
src=
"assets/spelling/leaves.png"
alt=
""
>
<div
class=
"leaves"
#
leavesNode
>
<div
class=
"leaf"
*
ngFor=
"let le of otherwordnum"
>
<img
[
class
]="
le
.
rigof
?
'
on
'
:
'
off
'"
src=
"assets/spelling/leaves.png"
alt=
""
>
</div>
</div>
<div
class=
"mo"
#
monkey
>
<div
class=
"monkey"
><img
src=
"assets/spelling/monkey.png"
alt=
""
></div>
</div>
</div>
</div>
</div>
<div
class=
"
mo"
#
monkey
>
<div
class=
"
house"
>
<
div
class=
"monkey"
><img
src=
"assets/spelling/monkey.png"
alt=
""
></div
>
<
img
src=
"assets/spelling/house.png"
alt=
""
>
</div>
</div>
</div>
</div>
<div
class=
"house"
>
<img
src=
"assets/spelling/house.png"
alt=
""
>
<div
class=
"spelling"
*
ngIf=
"words.length !== 0"
>
</div>
<div
class=
"word"
>
</div>
<div
*
ngFor=
"let ss of wordnum;let b = index"
>
<div
*
ngFor=
"let it of words; let i = index"
<div
class=
"spelling"
*
ngIf=
"words.length !== 0"
>
[
class
]="
b
!==
num
?
'
disappear
'
:
''"
>
<div
class=
"word"
>
<div
*
ngIf=
"it.selected"
<div
*
ngFor=
"let ss of wordnum;let b = index"
>
[
class
]="!
it
.
text
?
'
blank
'
:
(
it
.
text =
==
it
.
value
?
'
blank
proper
'
:
'
blank
mistake
')"
<div
*
ngFor=
"let it of words; let i = index"
(
click
)="
onHandleChoose
(
i
)"
>
[
class
]="
b
!==
num
?
'
disappear
'
:
''"
>
<p>
{{it.text}}
</p>
<div
*
ngIf=
"it.selected"
</div>
[
class
]="!
it
.
text
?
'
blank
'
:
(
it
.
text =
==
it
.
value
?
'
blank
proper
'
:
'
blank
mistake
')"
<div
*
ngIf=
"!it.selected"
>
(
click
)="
onHandleChoose
(
i
)"
>
<p>
{{it.value}}
</p>
<p>
{{it.text}}
</p>
</div>
</div>
<div
*
ngIf=
"!it.selected"
>
<p>
{{it.value}}
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div
>
<div
class=
"img-key"
*
ngIf=
"words.length !== 0"
>
<div
class=
"img-key"
*
ngIf=
"words.length !== 0
"
>
<div
class=
"img-audio k-16-9
"
>
<div
class=
"img-audio k-16-9
"
>
<div
class=
"k-full-fill
"
>
<div
class=
"k-full-fill"
>
<img
(
click
)="
playSpellingAudio
()"
[
src
]="
wordnum
[
num
].
pic_id
"
alt=
""
<img
(
click
)="
playSpellingAudio
()"
[
src
]="
wordnum
[
num
].
pic_id
"
alt=
""
(
dragstart
)="
false
;$
event
.
preventDefault
();"
>
(
dragstart
)="
false
;$
event
.
preventDefault
();"
>
</div
>
</div>
</div>
</div
>
<div
class=
"word"
>
<div
class=
"word
"
>
<div
*
ngFor=
"let item of letter;"
(
click
)="
add
(
item
)
"
>
<div
*
ngFor=
"let item of letter;"
(
click
)="
add
(
item
)"
>
<p>
{{item}}
</p
>
<
p>
{{item}}
</p
>
<
/div
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/play/play.component.scss
View file @
dba868c7
.body-bg
{
position
:
absolute
;
top
:
0px
;
left
:
0px
;
right
:
0px
;
bottom
:
0px
;
background-image
:
url('../../assets/player-bg.jpg')
!
important
;
}
.player-border
{
position
:
absolute
;
left
:
calc
((
100%
-
100vh
*
1
.36
)
/
2
);
top
:
5vh
;
right
:
calc
((
100%
-
100vh
*
1
.36
)
/
2
);
bottom
:
5vh
;
text-align
:
center
;
// box-shadow: 0 2px 12px 0 rgba(0,0,0,.3);
border-radius
:
11px
;
border
:
20px
solid
#23b1c2
;
background-color
:
#fff
;
overflow
:
hidden
;
color
:
#303133
;
transition
:
.3s
;
}
.content
{
.content
{
text-align
:
center
;
text-align
:
center
;
width
:
100%
;
width
:
100%
;
...
...
src/app/play/play.component.ts
View file @
dba868c7
...
@@ -81,6 +81,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -81,6 +81,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
},
500
);
},
500
);
},
this
.
saveKey
);
},
this
.
saveKey
);
this
.
refresh
();
}
}
ngOnDestroy
()
{
ngOnDestroy
()
{
...
...
src/assets/player-bg.jpg
0 → 100755
View file @
dba868c7
170 KB
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