Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
W
ww_listen-choose
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_listen-choose
Commits
dcf4883a
Commit
dcf4883a
authored
Aug 11, 2020
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 调整样式
parent
26753b31
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
45 additions
and
24 deletions
+45
-24
play.component.html
src/app/play/play.component.html
+27
-23
play.component.scss
src/app/play/play.component.scss
+18
-1
No files found.
src/app/play/play.component.html
View file @
dcf4883a
<div
class=
"question-container"
>
<div
class=
"img-bar"
nz-row
nzType=
"flex"
nzJustify=
"space-around"
>
<div
class=
"img-wrap tip-border"
*
ngFor=
"let item of _data"
nz-col
nzSpan=
"6"
[@
tip-border
]="
item
.
state
||
'
none
'"
(
click
)="
handleTap
($
event
,
item
);$
event
.
preventDefault
()"
>
<img
*
ngIf=
"item.pic_id"
[
src
]="
item
.
pic_id
"
alt=
""
(
dragstart
)="
false
;$
event
.
preventDefault
();"
/>
</div>
</div>
<div
class=
"p-tool d-flex"
>
<div
class=
"p-tool-left d-flex"
>
<div
class=
"p-tool-btn"
(
click
)="
playAudio
()"
>
<i
class=
"anticon anticon-sound"
></i>
</div>
<div
class=
"p-tool-btn"
(
click
)="
lcDisplayText
()"
>
<i
class=
"anticon anticon-edit"
></i>
<div
class=
"player-border"
>
<div
class=
"question-container"
>
<div
class=
"img-bar"
nz-row
nzType=
"flex"
nzJustify=
"space-around"
>
<div
class=
"img-wrap tip-border"
*
ngFor=
"let item of _data"
nz-col
nzSpan=
"6"
[@
tip-border
]="
item
.
state
||
'
none
'"
(
click
)="
handleTap
($
event
,
item
);$
event
.
preventDefault
()"
>
<img
*
ngIf=
"item.pic_id"
[
src
]="
item
.
pic_id
"
alt=
""
(
dragstart
)="
false
;$
event
.
preventDefault
();"
/>
</div>
</div>
<div
class=
"p-tool-right flex-fill"
>
<div
class=
"i-text"
>
{{_lc_text}}
<div
class=
"p-tool d-flex"
>
<div
class=
"p-tool-left d-flex"
>
<div
class=
"p-tool-btn"
(
click
)="
playAudio
()"
>
<i
class=
"anticon anticon-sound"
></i>
</div>
<div
class=
"p-tool-btn"
(
click
)="
lcDisplayText
()"
>
<i
class=
"anticon anticon-edit"
></i>
</div>
</div>
<div
class=
"p-tool-right flex-fill"
>
<div
class=
"i-text"
>
{{_lc_text}}
</div>
</div>
</div>
</div>
</div>
src/app/play/play.component.scss
View file @
dcf4883a
$my_width
:
percentage
(
4
/
12
);
.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
:
4px
;
border
:
1px
solid
#ebeef5
;
background-color
:
#fff
;
overflow
:
hidden
;
color
:
#303133
;
transition
:
.3s
;
}
.question-container
{
display
:
flex
;
flex-direction
:
column
;
...
...
@@ -8,7 +25,7 @@ $my_width: percentage(4/12);
padding-top
:
1rem
;
background
:
url("./assets/listen_choose_bg.jpg")
;
background-position
:
center
;
background-size
:
cover
;
background-size
:
105%
114%
;
background-repeat
:
no-repeat
;
.img-bar
{
...
...
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