六、歌手页面开发（二）

本节总览

---

本节代码提交至：chapter6
效果预览：

vue-music.png

---

代码更新

主要更新代码列表如下：

/src/base/listview/listview.vue
/src/common/js/dom.js
/src/base/scroll/scroll.vue

---

本节代码思路：

本节代码复杂度相对来说有了难度，以至于在学习过程中接近放弃状态，直接copy了源代码，于是代码的实现还有待继续深度学习。

这一节代码的上述效果演示只能右部分的字母索引，但具体实现的效果有：

• 点击某个字母，左侧部分对应列表的滑动到对应字母的歌手列表。
• 实现了右半部分的字母列表的实时滑动。（在这个listview中做了大量的计算处理）
• 在滑动左侧部分添加相对应title字母的置顶效果

---

本节代码，可以在遇到这种关联滑动的页面需求时，起到一个很好的代码借鉴作用。

如有疑问请添加我的微信号：18231133236。欢迎交流！
更多内容，请访问的我的个人博客：https://www.liugezhou.online.
您也可以关注我的个人公众号：【Dangerous Wakaka】

wechatDangerous.jpg