Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
W
ww_audio_image
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_audio_image
Commits
18c897cd
Commit
18c897cd
authored
Aug 12, 2020
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 添加背景图
parent
8898c4b3
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
65 additions
and
22 deletions
+65
-22
play.component.html
src/app/play/play.component.html
+24
-21
play.component.scss
src/app/play/play.component.scss
+26
-0
play.component.ts
src/app/play/play.component.ts
+15
-1
player-bg.png
src/assets/player-bg.png
+0
-0
No files found.
src/app/play/play.component.html
View file @
18c897cd
<div
class=
"player-preview-content"
>
<div
class=
"body-bg"
></div>
<div
class=
"player-border"
>
<div
class=
"player-preview-content"
>
<div
<div
#
pic
#
pic
class=
"p-courseware-image-audio"
class=
"p-courseware-image-audio"
...
@@ -23,4 +25,5 @@
...
@@ -23,4 +25,5 @@
>
>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
src/app/play/play.component.scss
View file @
18c897cd
@import
'../../app/style/123common_mixin.scss'
;
@import
'../../app/style/123common_mixin.scss'
;
.body-bg
{
position
:
absolute
;
top
:
0px
;
left
:
0px
;
right
:
0px
;
bottom
:
0px
;
background-image
:
url('../../assets/player-bg.png')
!
important
;
background-size
:
100%
;
}
.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
;
}
.player-preview-content
{
.player-preview-content
{
width
:
100%
;
width
:
100%
;
height
:
100%
;
height
:
100%
;
...
...
src/app/play/play.component.ts
View file @
18c897cd
import
{
Component
,
ElementRef
,
ViewChild
,
OnInit
,
Input
,
OnDestroy
,
HostListener
,
OnChanges
,
AfterViewInit
}
from
'
@angular/core
'
;
import
{
Component
,
ElementRef
,
ViewChild
,
OnInit
,
Input
,
OnDestroy
,
HostListener
,
OnChanges
,
AfterViewInit
,
ApplicationRef
,
ChangeDetectorRef
}
from
'
@angular/core
'
;
import
*
as
_
from
'
lodash
'
;
import
*
as
_
from
'
lodash
'
;
import
{
import
{
Label
,
Label
,
...
@@ -52,6 +52,11 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -52,6 +52,11 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
@
Input
()
sid
;
@
Input
()
sid
;
showQuestion
:
boolean
;
showQuestion
:
boolean
;
constructor
(
private
appRef
:
ApplicationRef
,
private
changeDetectorRef
:
ChangeDetectorRef
)
{
}
ngOnInit
()
{
ngOnInit
()
{
this
.
data
=
{
this
.
data
=
{
contentObj
:
{
contentObj
:
{
...
@@ -129,5 +134,14 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
...
@@ -129,5 +134,14 @@ export class PlayComponent implements OnInit, OnDestroy, OnChanges, AfterViewIni
this
.
showQuestion
=
!
this
.
showQuestion
;
this
.
showQuestion
=
!
this
.
showQuestion
;
}
}
/**
* 刷新 渲染页面
*/
refresh
()
{
setTimeout
(()
=>
{
this
.
appRef
.
tick
();
},
1
);
}
}
}
src/assets/player-bg.png
0 → 100644
View file @
18c897cd
47.2 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