目录
第一章 开发准备
一、项目结构
二、新建微信小程序项目
第二章 标签页切换
一、常用组件介绍
二、编写页面结构和样式
第三章 音乐推荐
一、组件介绍
二、编写音乐推荐页面结构和样式
第四章 播放器
一、任务分析
二、组件介绍
三、实现播放器功能
四、编写播放器页面
第五章 播放列表
一、实现播放列表功能
二、测试播放列表切换功能
三、最终结果展示页面
第一章 开发准备
一、项目结构
- 音乐小程序项目页面结构:
tab导航栏 | content内容区 | player音乐播放器控件 |
- 音乐小程序项目目录结构
标签 | 功能 |
---|---|
app.js | 应用程序的逻辑文件 |
app.json | 应用程序的配置文件 |
pages/index/index.js | index页面的逻辑文件 |
pages/index/index.json | index页面的配置文件 |
pages/index/index.wxss | index页面的样式文件 |
二、新建微信小程序项目
- 开发者工具创建空白项目,命名为music:
文章来源:https://www.toymoban.com/news/detail-484968.html
- 修改
app.json,标题导航栏名称改为"音乐"
{ "pages":[ "pages/index/index" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "音乐", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json" }
- 删除
index.wxml
、index.wxss
里的内容使其成为一个空白的页面
文章来源地址https://www.toymoban.com/news/detail-484968.html
到了这里,关于微信小程序——【云音乐播放器】的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!