From c2871322d0769c1577a7428919cf369c899014a3 Mon Sep 17 00:00:00 2001 From: MoeFurina Date: Fri, 6 Feb 2026 19:56:14 +0800 Subject: [PATCH] refactor: QR login and voice upload pages with improved UI and error handling - Enhanced styling for better user experience on qrlogin-nocookie.html and qrlogin.html - Added loading indicators and improved status messages during QR code login process - Updated error handling for login status retrieval - Refactored unblock_test.html for better layout and user interaction - Improved voice upload page with a more intuitive design and better feedback for file uploads - Added loading state management for voice list retrieval - Enhanced accessibility and usability across all modified pages --- CHANGELOG.MD | 10 + public/api.html | 164 +++++--- public/audio_match_demo/afp.js | 5 +- public/audio_match_demo/index.html | 239 +++++++++-- public/avatar_update.html | 339 +++++++++++++-- public/cloud.html | 188 +++++++-- public/docs/index.html | 6 +- public/eapi_decrypt.html | 212 ++++++++-- public/index.html | 36 +- public/listen_together_host.html | 359 +++++++++++++--- public/login.html | 208 +++++++++- public/playlist_cover_update.html | 305 ++++++++++++-- public/playlist_import.html | 643 ++++++++++++++++++----------- public/qrlogin-nocookie.html | 213 ++++++++-- public/qrlogin.html | 212 ++++++++-- public/unblock_test.html | 148 +++++-- public/voice_upload.html | 315 +++++++++++--- 17 files changed, 2824 insertions(+), 778 deletions(-) diff --git a/CHANGELOG.MD b/CHANGELOG.MD index 7647b3e..23a8c45 100644 --- a/CHANGELOG.MD +++ b/CHANGELOG.MD @@ -7,6 +7,16 @@ - chore: 更新依赖项 (music-metadata: ^11.11.1 -> ^11.11.2, ansi-escapes: ^7.2.0 -> ^7.3.0, commander: ^14.0.2 -> ^14.0.3) - chore: 更新GitHub Actions (checkout: v4 -> v6, setup-node: v4 -> v6, upload-artifact: v4 -> v6, download-artifact: v4 -> v7, github-script: v7 -> v8) - refactor: 注释掉IP地址日志输出以提升隐私保护 +- refactor: 重构前端测试页面, 主要改进: + - 统一使用简洁现代的设计风格 + - 去除渐变背景和复杂动画 + - 使用纯色背景（#f5f5f5）和白色卡片 + - 优化表单布局和交互体验 + - 增强错误处理和加载状态 + - 移除第三方框架依赖（Tailwind、Bootstrap、MDUI） + - 升级Vue 2到Vue 3 + - 将硬编码的配置项移至前端表单 + - 所有页面现在都保持一致的设计语言，简洁清爽，功能完整。 ### 4.25.0 | 2024.11.16 - feat: 增加副歌时间、相关歌单推荐接口，原有相关歌单接口已废弃；fix: 将部分易盾白名单接口替换为eapi [#30](https://gitlab.com/Binaryify/neteasecloudmusicapi/-/merge_requests/30) diff --git a/public/api.html b/public/api.html index ee0c9d5..1144bc7 100644 --- a/public/api.html +++ b/public/api.html @@ -5,82 +5,148 @@ API 调试界面
+

API 调试界面

- - - - - +
+ + +
+
+ + +
+
+ + +
- - + +
- + - -
- - - - -
-
-

解密结果: - 

{{ JSON.stringify(JSON.parse(result), null, 2) }}
-

+
+

eapi 参数和返回内容解析

+ +
+ +
+
+
+ + +
+
+ + +
+
-
-

使用例子:

- - + + +
+ + 
{{ formatResult(result) }}
+
+ +
+

使用示例

+ 请求示例 + 响应示例
@@ -64,6 +195,13 @@ this.decrypt() }, methods: { + formatResult(result) { + try { + return JSON.stringify(JSON.parse(result), null, 2) + } catch (e) { + return result + } + }, async decrypt() { try { const res = await axios({ @@ -77,7 +215,7 @@ console.log(res.data); } catch (error) { console.error(error) - alert(error?.response?.data?.message || '解密失败,数据格式错误') + alert(error?.response?.data?.message || '解密失败，数据格式错误') } } } diff --git a/public/index.html b/public/index.html index fbe8d80..8c58f59 100644 --- a/public/index.html +++ b/public/index.html @@ -7,33 +7,33 @@ 网易云音乐 API Enhanced diff --git a/public/listen_together_host.html b/public/listen_together_host.html index 6d3ffff..ec53cc3 100644 --- a/public/listen_together_host.html +++ b/public/listen_together_host.html @@ -1,92 +1,321 @@ - - 一起听 + 一起听 - 主机模式 - - + - - + + +

一起听 - 主机模式

-
消息: {{message}}
- -
-
- -
您的当前登录账号为: {{account.nickname}}
-
-
- + +
消息: {{message}}
+ + + +
+ +
+ +
+

账号信息

+
当前登录账号: {{account.nickname}}
+
+ +
+

房间管理

+
+ +
+
加入房间 -
房间ID:
-
- 邀请者 ID: +
+ +
- +
+ + +
+
-
-
- 分享链接为: +
+

分享链接

+ -
- -
在线用户:
-
    -
  • -
    - -
    -
    {{user.nickname}}
    + + + +

    在线用户

    +
      +
    • + avatar + {{user.nickname}}
    -
- - - + +
+

播放控制

+
+ + + +
+
+
播放列表 -
-
- 歌单ID: +
+
+ + +
+ +
+ 歌单名称: {{playlistInfo.playlistName}} +
+ +

歌单内容

+
    +
  • + cover + {{track.name}} +
    • +
- - {{playlistInfo.playlistName}} -
-
-
歌单内容:
-
    -
  • -
    - -
    -
    {{track.name}}
    -
    • -
+ diff --git a/public/playlist_cover_update.html b/public/playlist_cover_update.html index bdefa67..18bbeaa 100644 --- a/public/playlist_cover_update.html +++ b/public/playlist_cover_update.html @@ -5,56 +5,297 @@ 歌单封面上传 + -
- - 如果没登录,请先登录 - +
+

歌单封面上传

+

上传自定义歌单封面图片

+ + + +
+ + +
+ +
+ 歌单封面 +
+ +
+
+ + + +
- - + - + \ No newline at end of file diff --git a/public/playlist_import.html b/public/playlist_import.html index 7b3532e..e2e7933 100644 --- a/public/playlist_import.html +++ b/public/playlist_import.html @@ -2,261 +2,416 @@ + 歌单导入工具 - - - - - - + -
-

歌单导入工具

-

请选择一种导入方式并填写相关信息：

+
+

歌单导入工具

+

请选择一种导入方式并填写相关信息

- -
- - +
    +
  • + +
    • +
  • + +
    • +
  • + +
    • +
- -
- -
- - - - - - - - - - - - - - - - -
歌曲名称艺术家专辑
- +
+ +
+ + + + + + + + + + + + + + + +
歌曲名称艺术家专辑
+ +
+ +
+
+ +
- -
-
- - -
-
- - -
-
- - - - -
- - + +
+
+ +
+
+ + +
+
+ +
+
+ + +
+
- - - - +
+ + +
- +
+ + + \ No newline at end of file diff --git a/public/qrlogin-nocookie.html b/public/qrlogin-nocookie.html index f8f8014..72de9fb 100644 --- a/public/qrlogin-nocookie.html +++ b/public/qrlogin-nocookie.html @@ -5,45 +5,164 @@ 二维码登录 + - -
- - + - diff --git a/public/qrlogin.html b/public/qrlogin.html index dc9c6ef..f803304 100644 --- a/public/qrlogin.html +++ b/public/qrlogin.html @@ -5,44 +5,164 @@ 二维码登录 + - -
- +
+

二维码登录

+

使用网易云音乐App扫描二维码登录

+ +
+ 二维码加载中... +
+ +
等待扫描...
+ +
+ +

请打开网易云音乐App，扫描上方二维码完成登录

+
+ + - diff --git a/public/unblock_test.html b/public/unblock_test.html index 9d35020..09cca26 100644 --- a/public/unblock_test.html +++ b/public/unblock_test.html @@ -5,79 +5,136 @@ 音乐解灰测试

音乐解灰测试

+
- - + + +
例如: 1372188635
+
- - + + +
例如: kuwo, kugou, migu
- + + +
diff --git a/public/voice_upload.html b/public/voice_upload.html index ebefcaa..e8f9e40 100644 --- a/public/voice_upload.html +++ b/public/voice_upload.html @@ -4,36 +4,230 @@ 播客上传声音 + - -
-
    -
  • - -
      -
    • - {{item2.voiceName}} -
      • -
    - {{item.voiceListName}} -
    • -
- - - - +
+

播客上传声音

+ + +
+
+

选择播客列表

+
加载中...
+
+
+
+ cover + {{ item.voiceListName }} +
+
+
+ {{ item2.voiceName }} +
+
+
+
+
暂无播客列表
+
+ +
+

上传声音

+
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+
- + - -