音乐播放器(播放进度条;播放列表;收藏歌单;删除播放列表中的听歌曲识别歌名的软件;顶部歌单名过长滚动(通知信息);播放模式【列表循环随机播放,单曲循环】;下载当前播放音乐;暂停播放;开始播放;上下首播放;左滑下一首播放;右滑上一首播放;歌词);轮播图;推荐歌单;新碟;歌單;专辑;登录;注册;播放历史;歌单管理(新建歌单删除歌单);歌单添加听歌曲识别歌名的软件;编辑歌单信息;下一首播放;評论(上拉加载更多评论;评论点赞/取消点赞;发表评论;回复评论;复制评论;删除评论;评论输入框特效);搜索(防抖搜索处理;曆史搜索记录;热搜榜;热门歌手);搜索结果(综合,单曲视频,歌手专辑,歌单主播电台,用户);歌手详情(热门听歌曲识別歌名的软件专辑,MV)
当点击音乐播放列表时将当前的音乐列表存放在一个容器中(playList),并记录当前播放音乐的索引值 (播放相关功能多處都要使用许用vuex管理)
"随乐而起,有感而发" "随乐而起有感而发")这里并不是通过点击发送按钮进行验证是否登录,而是通过当input获取到焦點时
通过四个span进行动画,需要注意的是外层盒子为relativeinput的宽度不能和外层盒子同宽度,同宽度的话会导致输入框内容显示不下时动画异常同时需要将外层盒子和input的背景色弄成一致,以达到无缝效果
上面已经说过了这里就不说了,代码是一样的
就是将搜索过的值保存在本哋而已当然也是要做数据处理判断搜索名是否已存在
单纯的网络请求+界面排序,前三个的排名加个红色字体的类样式没了
都没多大难喥,另外搜索输入框有值时会显示搜索推荐的内容,当不对其做操作而是滑动热搜榜时,需要将搜索推荐的内容给隐藏
做法:定义┅个isActive的变量用于控制其显示与隐藏,当再次点击到输入框时设置回显示
看源码把注释我已经写得很清晰了。
就到这里吧其他的真没什麼难度,可能在写的时候会遇到问题但是,写下来之后发现还是挺简单的一个项目
- 子路由带来的问题:如从歌手详情返回到热门歌手中沒有数据、无法滚动等bug 。
当然以上问题都被解决了,看源码吧解析结束
结语:文章内容有点长,感谢您所看的废话最后希望您喜歡
就到这里吧,其他的真没什么难度可能在写的时候会遇到问题,但是写下来之后发现还是挺简单的一个项目
- 子路由带来的问题:如從歌手详情返回到热门歌手中没有数据、无法滚动等bug 。。
当然以上问题都被解决了看源码吧,解析结束
结语:文章内容有点长感谢您所看的废话,最后希望您喜欢