微信小程序分类及详情信息模块的分析

发完代码我才想起来，我的思路还没有发上来呢。
首先，需要实现的功能是：

1.点击下面分类图标界面，最顶部有个分类，会进入分类。分为左右侧栏。
2.左边显示书类型的分类，点击并展开右侧栏类型书籍（有图片，书名）。
3.点击书籍就会跳进书籍详细信息
4.最顶部有个导航栏，一张此书的图片，大概百分之40左右。
5.接着就是书名，金额，作者，热量等等内容显示。
6.可以选择书的数量，可以评价此本书或者此次购买。
7.下面就是书本详情介绍，有书的简介，底部有这本书的一些不同角度的图片。
8.最后，右边有个图标，表示可以收藏这本书，点击会跳出收藏成功，
在右边就是加入购物车，把这本书或者这本书的数量规格，加入到购物车中，
最右边是一个立即购买，表示点击进入到购物车结算。

基本的需要实现的功能都在上门了，先实现静态的看了然后在验证和测试界面的所有功能，才能更好的修改。

具体实现：
我定义的分类名为：classify，书籍详细信息类名为：detail。

1.第一个实现的是，进入分类界面，顶部所展现的名字，在json配置文件里，

2.输入navigationBarTitleText：分类。然后编译，顶部就显示分类了。
接着，在JS 脚本逻辑文件里，定义了id，书籍的类型，有无子类或者说是
二级元素，有的话，给二级元素定义id，，书的名字为什么，
书的图片在哪儿，是什么；如果没有二级元素的话，则显示该类型没有书籍信息。
然后，接着定义一个id和index（下标），id是从1开始的，index是从0开始的。

3.定义一个事件处理函数，获取item（项目）项的id和数组的下标值，接着，
把点击到某一处，设置为当前的index，下面就放的数据了。还有index和id。

4.把逻辑理清后，到了WXML 模板文件，定义需要装订的整个类，然后是左边侧栏，
定义之后，在 for 循环的 array 中 item 的变量包起来获取，当前项的id等于item项的id，
用data-index（获取编号）记录这个数据在数