6.小程序--详情页（一）

首先弄清楚我们现在要做什么？

点击红框内的内容实现页面跳转：

 

1.点击“更多”的跳转

其次有多个地方是需要点击“更多”进行跳转，那我们就不能在我们封装的area-header自定义组件内部实现跳转，因为如果在自定义组件内部进行跳转，

就会跳转到同一页面。

 

 

真实的跳转实现：

 

2.点击巅峰榜下的内容有多个榜单，怎么区分跳转

 对巅峰榜的各个组件进行点击：

 

通过rankingMap中的key（0,2,3）做一个区分（难点）

 

 那么在子组件中就可以拿到对应的rankingName了，这里直接写成了ranking。

 是不是很奇怪，为什么可以拿到呢?

 3.获取巅峰榜各个榜单的数据

这些数据很显然应该从store中获取呀！

 4.数据展示