微信小程序开发:一个音乐播放器

时间:2021-12-26 10:12:18

github源码地址
花了点时间撸了个微信小程序,分两个部分,音乐播放界面和音乐列表。
微信小程序开发:一个音乐播放器
微信小程序开发:一个音乐播放器

总结一下遇到的问题

  1. UI分4层,第一层背景高斯模糊,第二层灰色半透明蒙层,第三层播放器,第四层列表
  2. css设置背景图片路径不能是本地的,需要设置为网络图片,或者base64编码
  3. 图片旋转暂停通过移除或添加css的animation-play-state: paused;设置
  4. 本地存储当前播放的音乐,下次进入时选中