vueMusic

技术栈 vue vue-router vuex webpack jsonp flex

项目简介

使用vue2.0技术栈开发的音乐播放器

api来源自qq音乐api

如果对您有帮助，可以点右上角 "Star" 支持一下 谢谢！ ^_^

查看效果

戳我在线预览

打开浏览器进入开发者模式，选择移动端视口

chrome浏览器下的iphone5/6/6 plus体验效果更佳

扫码预览

效果展示

项目运行

# install dependencies  安装依赖
npm install

# serve with hot reload at localhost:8080  运行
npm run dev

# build for production with minification 打包
npm run build

技术栈

• vue2.0 + vue-router + vuex：vue全家桶
• jsonp：用于ajax请求
• vue-siwper: banner轮播
• webpack： 构建工具
• es6: 使用es6语法
• scss: css预处理

总结

• 在手机上运行不太流畅
• 手机上点击播放的时候需要暂停在点击播放才有声音
• 样式排版还不是很美观

---

扫描二维码添加丁盛为你的好友 技术、户外、摄影、自驾 欢迎交流