作者:Lambda_
链接:https://juejin.im/post/5d96dd9d51882509563a096e
ElementUI一般是PC端采用,如果是vant等移动端UI库就好了~~~~
技术栈
主要依赖
- Vue 全家桶(使用 Vue-cli 作为构建工具)
- WebPack4.0
- ES6
- Less
- ESLint
- ElementUI
目标功能
- 手机登录、注册
- 修改密码
- 我的页面歌单信息
- 添加,删除歌单
- 最近播放
- 心动模式
- 我的电台
- 我的收藏
- 发现页面推荐歌单
- 发现页面新碟
- 发现页面新歌
- 发现页面每日推荐
- 发现页面歌单
- 歌单广场
- 新歌推荐
- 更多新碟--新增
- 发现页面排行榜
- 发现页面电台
- 发现页面私人FM
- 搜索功能
- 搜索结果展示
- 热搜榜
- 历史记录
- 搜索推荐
- 歌手分类
- 播放功能(小播放器进度条)
- 播放列表
- 添加删除播放列表
- 歌曲mv播放
- 签到
- 歌曲喜欢与否
- 专辑收藏与否
- 相关评论
- 用户相关
- 用户设置
- 页面滚动加载
- 左右滑动切换
- 全面优化&修复
部分截图
侧边账户中心
发现页面&每日推荐
歌单&歌单详情
排行榜&排行榜信息
我的页面&最近播放
搜索展示
启动步骤
- npm install
- npm run dev (本地开发)
- npm run build (生产环境打包)
文章来源: https://www.toutiao.com/group/6745113879564517892/