仿网易云音乐 小程序

主要使用mpvue+fly+网易云音乐api，开启每日打卡。

日期打卡

• 2019年9月29日 完成首页和搜索页面的大部分接口，交互待完善；
• 2019年9月30日 完成听歌识曲、歌单广场页面，每日推荐页面开发50%。页面交互待完善；
• 2019年10月1日，祖国70周年，代码质量不高，完善了每日推荐的动画部分，开始账号页面的开发；
• 2019年10月2日，账号页面、登录首页开发完成，开始开发登录页面；
• 2019年10月7日，手机号登录页面开发完成，交互待完善；
• 2019年10月8日，新添加mptoast弹窗插件，手机登录流程已经开发完成，账号页面用户信息完成，每日推荐列表开发80%；
• 2019年10月9日，完成歌单详细页面+搜索结果页面，每日推荐动画效果已解决（补充说明：登录之后返回301的bug待解决）；
• 2019年10月10日，歌单封面弹窗完成，歌曲详细页面开始开发；
• 2019年10月21日，因为公司项目的原因，有一段时间没有更新代码，后面会慢慢更新上来。今天主要修改之前每日推荐页面的动画，之前的动画效果不是很满意，所以重新写了一个，但还没有完成。我太难了...

Tips:

1. mpuve中不支持filter过滤器函数，应用其他的方式替代；
2. mpvue对于新建页面的文件都有固定的文件名，一旦文件名改变页面就不能显示；
3. 使用深度作用选择器 `/deep/` 修改UI框架的样式；
    eg：
        .text-box {
            /deep/ input {
                height: 35px;
                border: none
            }
        } 
4. mpvue不支持全局定义组件，只能在使用的页面引入使用；
5. 在mpvue中，请求接口的方式不要写在created钩子函数中（因为在小程序启动的时候，不同页面的vue周期函数created中的代码都会执行一遍），这样会造成所有页面的请求在同一时间一起请求，正确的方法应放在小程序的钩子函数onLoad或onShow中；

待解决

• 每日推荐歌曲列表吸顶功能；
• 歌单封面图保存功能；

Build Setup

# 初始化项目
vue init mpvue/mpvue-quickstart myproject
cd myproject

# 安装依赖
yarn

# 开发时构建
npm dev

# 打包构建
npm build

# 指定平台的开发时构建(微信、百度、头条、支付宝)
npm dev:wx
npm dev:swan
npm dev:tt
npm dev:my

# 指定平台的打包构建
npm build:wx
npm build:swan
npm build:tt
npm build:my

# 生成 bundle 分析报告
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.