WWARE

如果页面上某个区块是由某个条件决定如何呈现的时候,这个区块称之为多状态区块

例如"我的购物车" 当购物车没有商品的时候,显示为灰色样式,如果有了内容呈现商品数目与变为彩色.

状态a 和 状态b 实际上是两块完整的html页面片段. 只不过呈现哪一个html片段,是由所绑定的key的value决定.

操作之前，先进入​wide中操作指南去学习将元素转化为多状态，修改状态信息，添加状态，删除状态。

2.1 首先进入GUI页面，点击编辑，在菜单栏找到如图1-1的图标

(图1-1)     

，点击此图标，将打开如图1-2的弹框，请确认图中标出的按钮已被选中，然后选择下面的多状态选项，选择后点击按钮“选择”

 (图1-2)

2.2 点击完按钮后会自动关闭，并在页面上出现如图1-3

(图1-3)

，被选中的区域，对该选中区域进行信息点标注（信息点标注在当前被选中区域），然后再点击眼睛图标选择刚才的选项，点击“选择”，这次在下拉菜单中点击“多状态”中的“切换到上一个状态”或“切换到下一个状态"中的一个如图1-4，进行信息点标注（信息点标注在当前被选中区域，每种状态下都可能存在需要动态化的信息点，所以务必切换完所有状态，进行标准动态化过程）

 (图1-4)                                                                                                                                           (图1-4)
2.3 标注完一个后 再次循环，知道这个区域的“切换到上一个状态”和“切换到下一个状态”里没有需要再标注的信息点时，结束

2.4注意：如果在页面中出现类似如图1-5的信息点，这种如图1-5的信息点不属于多状态，只需要切换到tab的每个tab框里去标注信息点就可以了

(图1-5)