任务六 歌手页面功能开发

一、歌手页面需求分析

歌手页面主要是一个滚动列表，但是这个滚动列表，会将数据进行归类，即按照歌手的姓名拼音进行归类，而且可以点及对应的右侧字母、进行快速定位。因此，重点就在于这个滚动列表的开发。

二、滚动列表功能开发

在components/Base下创建IndexList文件夹，并创建index.vue文件，完成vue3代码结构编写

歌手的列表是一个滚动的列表，所以要引入scroll滚动组件

具体代码如下：