滚动列表是一个基础组件 他是基于scroll组件实现的 在base文件夹下面创建一个list-view文件夹 里面有list-view.vue组件 在singer.vue中 ...
当我们将音乐列表往上滑的时候 我们上面的歌手图片部分也会变小 当我们将音乐列表向下拉的时候 我们的图片会放大 当我们将音乐列表向上滑的时候 我们的图片有一个高斯模糊的效果 并且随着我们的列表向上滑动的越多 图片越模糊 封装prefix 避免写太多的兼容性 由于歌曲列表 排行榜列表 歌单列表样式差不多 所以我们做一个list view的组件 方便复用 第一步:将从父组件页面中接受需要用到的数据 将 ...
2018-06-18 09:44 0 1359 推荐指数:
滚动列表是一个基础组件 他是基于scroll组件实现的 在base文件夹下面创建一个list-view文件夹 里面有list-view.vue组件 在singer.vue中 ...
...
vue入门 第一次用博客园写博客,如果有写的不好的地方,希望大家多多见谅,博主会努力改进。 几个星期之前,刚开始接触Vue。Vue无疑是个强大的框架,于是自己就跟着B站的大佬做了一个音乐播放器。 当然了,这个页面还有很多的东西是不完善的,对于像博主这种菜鸟来说,练手还是可以滴~~ 源码 ...
1、频繁切换歌曲时,歌词会跳来跳去 原因: // 歌词跳跃是因为内部有一个currentLyric对像内部有一些功能来完成歌词的跳跃 //每个currentLyric能实现歌曲的播放跳到相应的位置 是因为它内部有个计时器 //每次currentSong ...
原文链接:https://blog.csdn.net/Forever201295/article/details/80266600 一、项目说明该播放器的是基于学习vue的实战练习,不用于其他途径。应用中的全部数据来自于 QQ音乐 移动端(https://m.y.qq.com/),利用 ...
首先,这个音乐播放器支持大多数音频文件的播放,在linux下开发的,用QT做的界面,后台音频解码器用的是madplay. 下载好madplay在linux下解压安装,扔进/usr/bin目录。 也就相当于一个命令。 之后在做好界面编写,当然,界面不是直接用图形ui来实现 ...
项目中遇到了,让实现一个音乐播放器的功能。修改其样式要求自定义,切需要有,进度条,时间,开关,应用于H5需要兼容ios与android。简单看一下如图播放器 完成代码 audioCom.vue 为了更好地处理IOS duration兼容问题 我们在mounted中 ...
music app github 地址:https://github.com/yangrenmu/music API来源,感谢@Binaryify的网易音乐的接口,这些接口是在本地node的环境中使用,为了可以在线访问,将这些API部署到了leancloud上面。 接口文档 使用 ...