Commit cbc56f5e authored by liujiangnan's avatar liujiangnan

feat: 支持直接添加热区

parent 2ad9a447
...@@ -25,6 +25,24 @@ ...@@ -25,6 +25,24 @@
background-color: #45a049; /* 悬停时的背景色 */ background-color: #45a049; /* 悬停时的背景色 */
} }
.add-page-button {
background-color: #4CAF50; /* 绿色背景 */
border: none;
color: white; /* 白色文字 */
padding: 5px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
margin: 10px 20px;
cursor: pointer;
border-radius: 5px; /* 圆角 */
transition: background-color 0.3s ease; /* 背景色过渡效果 */
}
.add-page-button:hover {
background-color: #45a049; /* 悬停时的背景色 */
}
.current-time-display { .current-time-display {
font-size: 14px; font-size: 14px;
color: #333; /* 深灰色文字 */ color: #333; /* 深灰色文字 */
......
...@@ -10,16 +10,16 @@ ...@@ -10,16 +10,16 @@
(audioUploaded)="onAudioUploadSuccess($event, 'bg_audio_url', item)"> (audioUploaded)="onAudioUploadSuccess($event, 'bg_audio_url', item)">
</app-audio-recorder> </app-audio-recorder>
<div class="current-time-display">当前播放时间: [<span class="time-text">{{ currentTime }}</span>]毫秒</div> <div class="current-time-display">当前播放时间: [<span class="time-text">{{ currentTime }}</span>]毫秒</div>
<button (click)="addHotZone()" class="add-page-button">
<i nz-icon nzType="plus-circle" nzTheme="outline"></i>
添加页面
</button>
</div> </div>
<div id="waveform"></div> <div id="waveform"></div>
<div *ngIf="item.bg_audio_url"> <div *ngIf="item.bg_audio_url">
<button (click)="togglePlayPause()" class="play-pause-button"> <button (click)="togglePlayPause()" class="play-pause-button">
{{ isPlaying ? '暂停' : '播放' }} {{ isPlaying ? '暂停' : '播放' }}
</button> </button>
<button (click)="addHotZone()" class="play-pause-button">
<i nz-icon nzType="plus-circle" nzTheme="outline"></i>
添加页面
</button>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment