list组件点击变颜色分享

keyours

如图所示：
现在是一排显示4个图标，我需要做成的效果是点击一个图标颜色加亮显示，然后点击第二个图标第一个的就消失。





有几种方式：
第一种，直接在list组件的bind-css里面设置 { 'cli': val('id')==data.val('id')}，设置一个cli的样式。
第二种，新增一个data，标记为状态，点击的时候变成1，然后bind-css里面设置为{'cli':colorRow.val('fState')==1}，也就是说当等于1的时候加亮显示。
第三种，{'cli': $model.data.currentRow.get() == $object} 直接设置点击当前行对象的时候变颜色。
第四种，js里面设置获取当前list下面的div组件。然后再js里动态添加样式。
参考：http://bbs.wex5.com/forum.php?mod=viewthread&tid=83097&page=f2

发现这个list组件不知是不是bug，当list的class设置为list的时候就可以直接在bind-css里面设置样式。
如果有时候设置为【col col-xs-3 】这种横排列显示的时候，下面的bind-css设置的属性就不灵了。。

fcci