“音乐”小程序项目开发实战
实验目的
①掌握swiper组件的使用
②掌握scroll-view组件的使用
③掌握image组件的使用
④掌握slider组件的使用
⑤掌握音频API的使用
实验环境
①Windows 10系统;
②微信开发者工具;
③Nodejs;
④git-bash软件;
项目初始化
1、开发者工具创建空白项目
2、查看显示效果
任务1标签页切换
1、编写页面结构和样式
(1)音乐小程序基础页面和样式:
(2)测试页面info.wxml、page.wxml、play.wxml 文件:
(3)查看显示效果
2、实现标签页切换
(1)在pages/index/index.wxml文件的tab区域,为3个tab-utem绑定事件
(2)修改content区域,为swiper组件的current属性绑定变量item
(3)在page/index/index.js文件中,将item和changeItem增加到代码中