任务分析
在图中,最左边的是外层结构,在content区域内部有一个swiper组件,在上一个任务中就是利用
这个swiper组件实现了标签页切换。音乐推荐在3个标签页中的顺序为第1个,因此该标签页的内容位
于索引为0的<swiper- item >标签中。
由于content区域的可显示高度是有限的,而音乐推荐中的实际内容可能会超过显示区域的高度,
因此在<swiper- item>标签内使用了scrollview 组件,用于实现内容的上下滚动,该组件的具体使用方
法将会在本任务的前导知识中详细讲解。
在scrollview 组件的内部就是音乐推荐标签页的内容,在图中,超出了显示区域的内容使用阴影表
示,当页面向上滚动时,阴影区域的内容就会显示出来。