diff --git a/css/style.css b/css/style.css index f3566c3..15c0682 100644 --- a/css/style.css +++ b/css/style.css @@ -296,54 +296,3 @@ h1{ overflow: hidden; white-space: nowrap; } - -/* nav */ -ul.pagination { - display: inline-block; - padding: 0; - margin-bottom: 50px; -} - -ul.pagination li {display: inline;} - -ul.pagination li a { - color: black; - float: left; - padding: 8px 16px; - text-decoration: none; -} - -ul.pagination li a.active { - background-color: #4CAF50; - color: white; -} - -/* Player */ -#Player-UI{ - position: fixed; - bottom: 0; - width: 100%; - height: 50px; - background-color: #fff; - border-top: 1px solid #ccc; - z-index: 100; - -} - -#Player-UI > div{ - width: 100%; - height: 100%; - float: left; -} - -.progress-bar { - width: 100%; - height: 8px; - background-color: #ddd; - border-radius: 4px; -} -.progress-bar-fill { - height: 100%; - background-color: #4CAF50; - border-radius: 4px; -} \ No newline at end of file diff --git a/index.html b/index.html index e76042c..bc1b78f 100644 --- a/index.html +++ b/index.html @@ -37,21 +37,7 @@
以下是查询 None 的结果
-
- -
- \ No newline at end of file diff --git a/js/main.js b/js/main.js index 0c16eb6..0d755b0 100644 --- a/js/main.js +++ b/js/main.js @@ -603,48 +603,4 @@ function changeCyeleMode() { CyclePlayMode = (CyclePlayMode + 1) % 3; console.log(`当前的播放模式:${document.getElementById('cycle-stat').innerHTML}, ${CyclePlayMode}`) changeCycleButton(); -} - -/* Player */ -/* -const audioPlayer = document.getElementById('Player'); -// const coverImageElement = document.querySelector('.cover-image'); -// const songTitleElement = document.querySelector('.song-title'); -// const artistElement = document.querySelector('.artist'); -// const playPauseButton = document.getElementById('play-pause-btn'); -const progressBarFill = document.getElementById('progress-bar-fill'); -// 更新进度条和播放器当前时间 -function updateProgressBar() { - const progress = (audioPlayer.currentTime / audioPlayer.duration) * 100; - progressBarFill.style.width = `${progress}%`; - } - // 进度条点击事件 - progressBarFill.addEventListener('click', (event) => { - const progressBar = progressBarFill.parentNode; - const progressBarRect = progressBar.getBoundingClientRect(); - const progressBarWidth = progressBarRect.width; - const clickX = event.clientX - progressBarRect.left; - const progress = clickX / progressBarWidth; - audioPlayer.currentTime = audioPlayer.duration * progress; - }); - // 进度条拖动事件 - let isDragging = false; - progressBarFill.addEventListener('mousedown', () => { - isDragging = true; - }); - document.addEventListener('mousemove', (event) => { - if (isDragging) { - const progressBar = progressBarFill.parentNode; - const progressBarRect = progressBar.getBoundingClientRect(); - const progressBarWidth = progressBarRect.width; - const clickX = event.clientX - progressBarRect.left; - const progress = clickX / progressBarWidth; - audioPlayer.currentTime = audioPlayer.duration * progress; - } - }); - document.addEventListener('mouseup', () => { - isDragging = false; - }); - // 播放器时间更新事件 - audioPlayer.addEventListener('timeupdate', updateProgressBar); - */ \ No newline at end of file +} \ No newline at end of file