使用ivx学习开发折叠面板的学习经验分享

今天我想与大家分享的学习经验是关于如何使用ivx的if判断组件和for循环组件来创建一个折叠菜单栏的，分析所使用demo依然取自于ivx的官网的demo，需要的可以去demo.ivx.cn查看，分析内容如下：
1.首先，先展示下折叠菜单所需要表现的效果

从图中我们可以看出左边的侧边栏中有父菜单，父菜单下又有子菜单，子菜单下还有子菜单，有子菜单的选项右边会有箭头，子菜单展开/未展开时，箭头方向不同，点击对应选项后内容区会显示对应内容。折叠面板可以用于多级菜单栏，它初始只会显示其内部第一层的菜单选项，可以通过点击菜单选项展开或收起其内部更深层的菜单选项，可以用于对复杂区域进行分组和隐蔽，保持页面的整洁。
2.我们把侧边栏和内容区创建好

3.Demo中这个折叠面板一共有3级，每一级下的基础栏都是相同的，而基础栏其实就是每一级的一个选项模板，将这个模板绑定循环中的数据，从而指导使用者判断选择自己所需要的菜单，基础栏中的箭头的状态也绑定了一些信息，比如当前栏没有子菜单的时候，箭头不会显示，有子菜单的时候，子菜单是否展开，箭头的方向也不同，这些也需要用到if判断组件去判断；我们将每一级的选项视为父选项，那么这个父选项下的下一级基础栏就是这个父选项的子菜单，例如下图中’购物中心’,’我的订