7.小程序--详情页（二）

下面来做热门/推荐歌单详情页的点击。

1.页面跳转（难点）

直接在子组件上绑定点击事件，这样每个事件点击都会触发这个事件。

 

 

 

 这里就有一个问题啦！不同的id对应不同的数据，这里的数据应该是从服务器直接请求的，但是这个是对detail-songs页面的一个复用，之前

推荐歌曲和飙升榜也用的这个页面，只不过那里是通过ranking进行区分的，而且数据是从store中拿到的。因为id和ranking都会传入到具体跳转组件

的options中，所以当前可以利用options做一个判断，进行这两个页面的区分，但是这样可扩展性太差，如果又想加入其他页面怎么办？

所以我们不如再新加一个type字段。

 

 2.网络请求

首先还是在service中进行网络请求：

 

 

 

 3.数据展示

 

 封装的子组件：

 

 这里有毛玻璃效果哦!