效果预览连接:https://70kg111.github.io/HUAWEI-MUSIC/dist/index.html
电脑打开的话请选择手机预览,不然分辨率有问题,会很难看。
可以看里面的代码及注释,应该都写的比较清楚:https://github.com/70kg111/HUAWEI-MUSIC
最后面一部分的歌词滚动代码是c v 过来的,说实话,我写不出来。
小插曲:
我在把这个项目上传到 github 时,设置好 GitHub Pages 后打开:https://70kg111.github.io/HUAWEI-MUSIC/index.html
提示报错: Failed to load resource: the server responded with a status of 404 ()
看到这里应该是指的路径错误,导致 css文件,js文件并未加载出来
原因:
后面去问了别人才知道在本地能够顺利打开的,本地在写代码时多了一个 npx parcel index.html 的步骤
这样会生成一个 http://loacalhots:123