站长

<h1 id="heading-0"></h1>

2.效果展示
<ul>
<li>
完整界面
<img src="https://img.blogweb.cn/article/4416a8690fd84d69ab69f3f93f58d138.webp" loading="lazy" alt="实现一个可自定义的网易云音乐">
</li>
<li>
简洁界面
<img src="https://img.blogweb.cn/article/ce4bb67f7d9047afaa842f271cf1b9e3.webp" loading="lazy" alt="实现一个可自定义的网易云音乐">
</li>
<li>
设置页面
<img src="https://img.blogweb.cn/article/f4d804bea04a40a4a08f88013c985595.webp" loading="lazy" alt="实现一个可自定义的网易云音乐">
</li>
</ul>
3.实现思路
<ul>
<li>路由由config文件动态添加和删除，并添加一个属性表示是否应该被添加。
<img src="https://img.blogweb.cn/article/c27a45780a6345cc9271d92c5d9610a3.webp" loading="lazy" alt="实现一个可自定义的网易云音乐"></li>
<li>每次在设置页面点击设置后触发删除和添加路由并保存到本地localStorage。</li>
</ul>
项目使用技术栈
<ul>
<li>前端 Vue3 + Ts + Pinia
<ul>
<li>在线体验:<a href="https://blogweb.cn/link?target=http://121.5.224.241:8080/" target="_blank" rel="nofollow noopener noreferrer">http://121.5.224.241:8080/</a></li>
<li>源代码:<a href="https://github.com/Tianj0o/NeteaseCloudMusic" target="_blank">github.com/Tianj0o/Net…</a></li>
</ul>
</li>
<li>后端API(<a href="https://blogweb.cn/link?target=https://binaryify.github.io/NeteaseCloudMusicApi/#/" target="_blank" rel="nofollow noopener noreferrer">网易云音乐 NodeJS 版 API</a>)</li>
</ul>

2.效果展示3.实现思路项目使用技术栈