03 2022 档案

9.小程序--详情页（四）播放页
摘要：播放页是重难点哦！ 1.跳转到播放页 我们要实现的其实就是从下面两页组件跳转到music-player页面： 好啦！另外一个组件同理哦！不对不对，我还得知道点击的是哪首歌曲啊！ 法一： 这就换一种方法吧，之前已经用过很多次这种方法了！ 法二： 另一个组件做法完全一样。 另外上面的id是传入到父组件的 阅读全文
posted @ 2022-03-25 17:44 不爱吃小红薯的小橘子 阅读(188) 评论(0) 推荐(0)
8.小程序--详情页（三）搜索页
摘要：现在来开始搜索页的制作！ 首先还是要来创建页面咯！（之前已经创建了detail-search） 1.基本页面结构搭建 2.数据请求 3.数据展示 现在大概可以实现这个效果，但是输入东西不会出结果: 4.搜索功能 我觉得这里不要偏了！我们不需要知道怎么联想搜索的，我只需要根据接口文档去操作，由输入然后 阅读全文
posted @ 2022-03-25 09:56 不爱吃小红薯的小橘子 阅读(189) 评论(0) 推荐(0)
7.小程序--详情页（二）
摘要：下面来做热门/推荐歌单详情页的点击。 1.页面跳转（难点） 直接在子组件上绑定点击事件，这样每个事件点击都会触发这个事件。 这里就有一个问题啦！不同的id对应不同的数据，这里的数据应该是从服务器直接请求的，但是这个是对detail-songs页面的一个复用，之前 推荐歌曲和飙升榜也用的这个页面，只不 阅读全文
posted @ 2022-03-24 20:23 不爱吃小红薯的小橘子 阅读(44) 评论(0) 推荐(0)
6.小程序--详情页（一）
摘要：首先弄清楚我们现在要做什么？ 点击红框内的内容实现页面跳转： 1.点击“更多”的跳转 其次有多个地方是需要点击“更多”进行跳转，那我们就不能在我们封装的area-header自定义组件内部实现跳转，因为如果在自定义组件内部进行跳转， 就会跳转到同一页面。 真实的跳转实现： 2.点击巅峰榜下的内容有多 阅读全文
posted @ 2022-03-24 16:40 不爱吃小红薯的小橘子 阅读(102) 评论(0) 推荐(0)
5.小程序--音乐页面其他内容
摘要：1.这里就是要封装一个区域内的header组件。 1.1自定义组件 父组件向子组件传值，不过要注意，这里不是default，而是value哦！ 1.2.注册组件 在父组件的index.json中注册组件，然后就可以直接使用自定义组件啦！ 1.3.展示与不展示 虽然基本功能实现了，但是右边这个可能展示 阅读全文
posted @ 2022-03-22 22:10 不爱吃小红薯的小橘子 阅读(80) 评论(0) 推荐(0)
4.小程序--轮播图
摘要：1.轮播图 在前面搜索框功能完成后，下面开始轮播图的制作。 1.1数据请求 首先在service--api_music.js中进行音乐页面的相关网络请求。 在做之前先回忆一下怎么进行网络请求（结合之前已经封装的网络请求函数），以及怎么使用：首先要在api_music.js中封装对应接口的请求方法（这 阅读全文
posted @ 2022-03-21 20:29 不爱吃小红薯的小橘子 阅读(357) 评论(0) 推荐(0)
3.小程序--搜索框相关功能
摘要：之前已经将视频页面基本制作完毕，现在咋们就来开始音乐页面的制作咯！ 1.搜索框 可以自己封装一个组件，也可以引用Vant组件库，这里面还涉及到如何使用npm工具。 1.1在小程序项目中如何使用npm工具呢？ （1）首先打开微信开发者工具的终端，使用npm必须要有package.json文件，所以我们 阅读全文
posted @ 2022-03-21 09:37 不爱吃小红薯的小橘子 阅读(308) 评论(0) 推荐(0)
2.小程序--视频详情页
摘要：1.获取页面 2.网络请求 要进行mv视频页的展示，首先要进行的就是网络请求，继续在service文件夹中做操作。 然后在detail-video页面开始请求数据。 3.视频展示 这里要用到一个原生的组件： 但是这样有一个问题哦！固定定位的盒子会浮动，脱标，所以我们要让video下面要展示的内容距离 阅读全文
posted @ 2022-03-20 19:42 不爱吃小红薯的小橘子 阅读(256) 评论(0) 推荐(0)
1.小程序--项目搭建与配置
摘要：1.两个主页面：首先在pages下面新建一个home-music文件夹，但是对一个页面来说应该包含四个文件，直接右键，新建pages，就可以啦！ 这个小程序应该是包含两个主页面的，而且是通过tabbar进行切换的。再新建一个home-video文件夹。 2.tabbar：tabbar一方面可以自定义 阅读全文
posted @ 2022-03-19 14:53 不爱吃小红薯的小橘子 阅读(295) 评论(0) 推荐(0)