Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
W
ww_vocabulary
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_vocabulary
Commits
f4b162de
Commit
f4b162de
authored
Aug 12, 2020
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 添加背景色
parent
1e983049
Changes
5
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
50 additions
and
24 deletions
+50
-24
play.component.html
src/app/play/play.component.html
+23
-21
play.component.scss
src/app/play/play.component.scss
+16
-0
play.component.ts
src/app/play/play.component.ts
+10
-2
player-bg.jpg
src/assets/player-bg.jpg
+0
-0
index.html
src/index.html
+1
-1
No files found.
src/app/play/play.component.html
View file @
f4b162de
<div
class=
"vocabulary-container"
>
<div
class=
"player-border"
>
<div
class=
"vocabulary-container"
>
<div
class=
"content-wrap"
>
<div
class=
"content-wrap"
>
<div
class=
"top-line"
>
<div
class=
"top-line"
>
<img
class=
"star"
src=
"assets/vocabulary/star.png"
alt=
""
size=
"20"
>
<img
class=
"star"
src=
"assets/vocabulary/star.png"
alt=
""
size=
"20"
>
...
@@ -20,4 +21,5 @@
...
@@ -20,4 +21,5 @@
<img
[
src
]="
data
.
contentObj
.
pic_id
"
alt=
""
(
dragstart
)="
false
;$
event
.
preventDefault
();"
/>
<img
[
src
]="
data
.
contentObj
.
pic_id
"
alt=
""
(
dragstart
)="
false
;$
event
.
preventDefault
();"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
\ No newline at end of file
src/app/play/play.component.scss
View file @
f4b162de
.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
;
}
.vocabulary-container
{
.vocabulary-container
{
text-align
:
left
;
text-align
:
left
;
height
:
100%
;
height
:
100%
;
...
...
src/app/play/play.component.ts
View file @
f4b162de
import
{
Component
,
ElementRef
,
ViewChild
,
OnInit
,
Input
,
OnDestroy
,
HostListener
,
OnChanges
,
AfterViewInit
}
from
'
@angular/core
'
;
import
{
Component
,
ElementRef
,
ViewChild
,
ApplicationRef
,
ChangeDetectorRef
,
OnInit
,
Input
,
OnDestroy
,
HostListener
,
OnChanges
,
AfterViewInit
}
from
'
@angular/core
'
;
import
*
as
_
from
'
lodash
'
;
import
*
as
_
from
'
lodash
'
;
import
{
animate
,
state
,
style
,
transition
,
trigger
}
from
'
@angular/animations
'
;
import
{
animate
,
state
,
style
,
transition
,
trigger
}
from
'
@angular/animations
'
;
...
@@ -23,7 +23,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -23,7 +23,8 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
vocabularyPlaying
=
false
;
vocabularyPlaying
=
false
;
definitionPlaying
=
false
;
definitionPlaying
=
false
;
constructor
()
{
constructor
(
private
appRef
:
ApplicationRef
,
public
changeDetectorRef
:
ChangeDetectorRef
)
{
this
.
vocabulary_audio
.
onplay
=
()
=>
{
this
.
vocabulary_audio
.
onplay
=
()
=>
{
this
.
vocabularyPlaying
=
true
;
this
.
vocabularyPlaying
=
true
;
};
};
...
@@ -64,6 +65,7 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -64,6 +65,7 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
}
}
this
.
init
();
this
.
init
();
window
[
"
air
"
].
hideAirClassLoading
(
this
.
saveKey
,
this
.
data
);
window
[
"
air
"
].
hideAirClassLoading
(
this
.
saveKey
,
this
.
data
);
this
.
refresh
();
},
this
.
saveKey
);
},
this
.
saveKey
);
}
}
...
@@ -127,5 +129,11 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -127,5 +129,11 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
}
}
}
}
refresh
()
{
setTimeout
(()
=>
{
this
.
appRef
.
tick
();
},
1
);
}
}
}
src/assets/player-bg.jpg
0 → 100755
View file @
f4b162de
170 KB
src/index.html
View file @
f4b162de
...
@@ -10,7 +10,7 @@
...
@@ -10,7 +10,7 @@
<script
type=
"text/javascript"
src=
"https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"
></script>
<script
type=
"text/javascript"
src=
"https://staging-teach.cdn.ireadabc.com/h5template/h5-static-lib/js/air.js"
></script>
</head>
</head>
<body>
<body
style=
"background-image: url('./assets/player-bg.jpg')"
>
<app-root></app-root>
<app-root></app-root>
</body>
</body>
</html>
</html>
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