1.首先先生成一个简单的歌单页面,HTML代码。
2.只有HTML的代码,页面就很简约,所以我们添加点CSS代码,让页面稍微不那么简约。
3.一个基本的歌单页面就这样生成了,那么接下来就是要写JS的部分了,首先我们捋一下我们需要的效果:在搜索栏中输入歌曲名字,点击“添加歌曲”按钮,在歌单中自动生成歌名,如果没有在搜索栏中添加歌名,点击“添加歌曲”按钮,则会出现“没有输入歌名”。
模仿 QQ 音乐网页版界面,采用 flexbox 和 position 布局
仓库名称 :Vue-mmPlayer
标星(star) :818 (新进项目,趋势不错哦,潜力股项目)
标星趋势
拷贝(fork) :229
贡献人数 :1 (一枝独秀,独孤求败,也许有你的加入,项目可以走得更远)
仓库大小 :16 MB
主要开发语言:Vue
语言分布:Vue:66.92%、JavaScript:21.75%、HTML:7.42%、CSS:3.91%
代码提交周期分布 :
2星
mmPlayer V1.6.0(2019.08.26)启动 2.0 版本
展开查看
PC端界面自我感觉还行, 就是移动端界面总觉得怪怪的,奈何审美有限,所以又去整了高仿网易云的 React 版本(如果小哥哥、小姐姐们有好看的界面,欢迎交流哈)
PC
正在播放
排行榜
搜索
我的歌单
我听过的
歌曲评论
移动端
https://github.com/maomao1996/Vue-mmPlayer
程序员新视界:分享有趣、有料的程序员话题,每天进步一点点。
周杰伦的第八张专辑《我很忙》的歌单如下:
牛仔很忙
彩虹
青花瓷
阳光宅男
蒲公英的约定
无双
我不配
扯
甜甜的
最长的电影
http://baike.baidu.com/link?url=JEJQdKhSOOETru_JxpCD81q4qKweb_HgTgKXOEsxrF3gxMY6GopDdIS51DgxqzZvREUq0J33JjcssPB-I1NBF8LJwlRHvRfVZfalg-0mbC_