本文总结了如何使用微信小程序创建一个旋转音乐盒。通过在wxml中设置image标签，运用三目运算符和点击事件changer，配合编写样式实现动画效果。在.js文件中，利用wx.createInnerAudioContext创建音频，设置自动播放和循环播放，并定义点击事件来控制音乐的播放与暂停，以及图片的旋转与停止。
1.wxml中写 image标签
class 名用三目运算设置，添加点击事件changer
2.编写样式
设置动画
并设置点击后image的样式
3. .js中创建音频
constinnerAudioContext=wx.createInnerAudioContext()
设置自动播放
innerAudioContext.autoplay=false
设置循环播放
innerAudioContext.loop=true
定义num的值 并设置点击事件changer的方法
innerAudioContext.play()//播放
innerAudioContext.pause()// 暂停，暂停后的音频再播放会从暂停处开始播放
点击图片旋转播放
再次点击停止旋转停止播放
2731
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
