Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gs_carton
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
gs_carton
Commits
573a530b
Commit
573a530b
authored
Nov 15, 2024
by
liujiangnan
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
feat: 完成
parent
3fb3f0a6
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
30 additions
and
4 deletions
+30
-4
form.component.css
src/app/form/form.component.css
+21
-3
form.component.html
src/app/form/form.component.html
+4
-1
form.component.ts
src/app/form/form.component.ts
+5
-0
No files found.
src/app/form/form.component.css
View file @
573a530b
...
...
@@ -48,11 +48,11 @@
}
.hot-zone-container
{
margin-top
:
25px
;
margin-bottom
:
25px
;
margin
:
10px
15px
10px
15px
;
border
:
1px
solid
#ddd
;
border-radius
:
5px
;
padding
:
10px
;
position
:
relative
;
/* 相对定位以放置绝对定位的删除按钮 */
}
.toggle-button
{
...
...
@@ -63,7 +63,21 @@
border-radius
:
5px
;
cursor
:
pointer
;
margin-bottom
:
5px
;
float
:
right
;
}
.delete-button
{
position
:
absolute
;
top
:
10px
;
right
:
10px
;
background
:
none
;
border
:
none
;
color
:
#dc3545
;
cursor
:
pointer
;
font-size
:
16px
;
}
.delete-button
:hover
{
color
:
#c82333
;
}
.hot-zone-content
{
...
...
@@ -84,3 +98,7 @@
height
:
60px
;
display
:
inline-block
;
}
.time-text
{
color
:
#0beb40
;
user-select
:
text
;
/* 确保文本可以被选中 */
}
src/app/form/form.component.html
View file @
573a530b
...
...
@@ -9,7 +9,7 @@
[
audioUrl
]="
item
.
bg_audio_url
"
(
audioUploaded
)="
onAudioUploadSuccess
($
event
,
'
bg_audio_url
',
item
)"
>
</app-audio-recorder>
<div
class=
"current-time-display"
>
当前播放时间: [
<span
style=
"color: #0beb40;
"
>
{{ currentTime }}
</span>
]毫秒
</div>
<div
class=
"current-time-display"
>
当前播放时间: [
<span
class=
"time-text
"
>
{{ currentTime }}
</span>
]毫秒
</div>
</div>
<div
id=
"waveform"
></div>
<div
*
ngIf=
"item.bg_audio_url"
>
...
...
@@ -29,6 +29,9 @@
<button
(
click
)="
toggleCollapse
(
i
)"
class=
"toggle-button"
>
第【{{i+1}}】页
<span
style=
"color: #04f1dd;"
>
{{ isCollapsed[i] ? '点击展开' : '点击折叠' }}
</span>
</button>
<button
(
click
)="
deleteHotZone
(
i
)"
class=
"delete-button"
>
X
</button>
<div
*
ngIf=
"!isCollapsed[i]"
class=
"hot-zone-content"
>
<app-custom-hot-zone
[
bgItem
]="
hotZone
.
bgItem
"
...
...
src/app/form/form.component.ts
View file @
573a530b
...
...
@@ -104,6 +104,11 @@ export class FormComponent implements OnInit, OnChanges, OnDestroy {
this
.
isCollapsed
=
this
.
isCollapsed
.
map
((
collapsed
,
i
)
=>
i
===
index
?
false
:
true
);
}
}
deleteHotZone
(
index
:
number
)
{
this
.
hotZones
.
splice
(
index
,
1
);
this
.
isCollapsed
.
splice
(
index
,
1
);
}
/**
* 储存图片数据
...
...
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