在之前的文章中，既做过了轰轰烈烈的搜索，也做过了简简单单的排序和筛选，今天想用中继器来实现一下从商品【列表页】到【详情页】的过程，还有关于“列表“到“详情”的一些思考。

预览效果：

一、从列表到详情的数据显示

上图是淘宝wap端，从商品列表页到商品详情页的变化，很明显能看出‘详情’页的信息更多更全面，数据字段的显示也更丰富；

上图是人人都是产品经理的app页面，左侧是列表页，右侧是详情页。

不仅仅是电商和社区，包括像微信在内的产品都是从列表到详情，列表的作用是简洁地展示详情的信息，而详情是对列表信息的补充。

淘宝wap端，就是将商品图片、名称、价格、运费、购买价格、购买人数、发货地址，显示在列表。这也是淘宝经过数据分析之后，提炼出的用户对商品最关注的信息。我们在设计产品时，也应该精细打磨，用数据做支撑，将用户最关心的信息放到他眼前。这样既能优化产品，减少不重要的数据字段，也能增加商品的点击率。

如果要用axure来实现的话，可能有的朋友会想到用不同的动态面板来切换，其实不必这么麻烦，只需要了解中继器的”增“，就可以将商品列表页的数据插入到商品详情页中。

二、中继器实现