2023-07-05
2023-06-18
2023-07-05
2023-06-29
2023-03-19
更新时间:2024-04-13 10:10:28 发布时间:24小时内 作者:文/会员上传 下载docx
2023-07-05
2023-06-18
2023-07-05
2023-06-29
2023-03-19
(1)实现音乐控制,在pages/index/编写代码实现自动选择列表中的第一首歌 (2)在data中定义一些状态属性,来记录音乐的比方状态,播放未知等 (3)底部播放器显示播放曲目,在pages/index/编写代码 (4)在pages/index/文件中编写播放器样式 (5)利用条件渲染来显示不同的按钮 (6)在pages/index/中编写事件处理函数play()和pause() (7)实现单击“下一曲”按钮进行换曲 (8)在pages/index/中编写事件处理函数next() (9)查看效果
(1)音乐小程序基础页面和样式: (2)测试页面、、 文件:
(3)查看显示效果
搭建本地应用服务器没有server-index模块,进行搭建server-index模块 搭建本地应用服务器没有server-multiparty模块,进行搭建server-multiparty模块,并启动服务 在htdocs文件夹中放入音频
(1)在pages/index/play .wxml编写播放器页面结构代码 (2)在pages/index/play .wxml编写播放器页面样式代码:pages/index/ (3)查看效果 (4)在音乐列表中获取到当前音乐专辑的src路径,绑定到页面image组件中 (5)在pages/index/文件中编写样式 (6)查看效果
(1)在pages/index/编写播放器页面下方的滑块结构 (2)在pages/index/编写样式 (3)查看结果 (4)在pages/index/文件中控制进度条的进度和时间显示
(5)在slider组件上绑定bindcchange事件,实现滑动进度条调节音乐播放进度 (6)在pages/index/文件中编写sliderchange函数 (7)查看效果
(1)在pages/index/文件中,编写轮播图的页面结构 (2)在page/index/中编写样式 (3)查看效果
将本文的Word文档下载到电脑
推荐度: