微信小程序怎么给for循环的view点击时添加样式

第一步，把要改变样式添加到相应js文件的全局变量中，如： data : { color : '#000' }

第二步，将变量绑定到view中,如：<view style="color:{{color}}">

第三步，在view中添加事件，如： bindtap="changeColor"

第四步，在相应js文件中添加该自定义方法：

, changeColor: function(e){

this.setData({ color : '#fff' })

}

打开微信小程序开发工具，创建项目，并新建页面文件

2

/7

打开页面文件，插入一个view标签和block标签，并添加wx:for循环指令

3

/7

接着新建一个页面JavaScript文件，在data对象中初始化数组weeks

4

/7

保存代码并查看左侧的模拟器，可以查看到一个列表

5

/7

在view标签下方，添加一个button按钮，然后添加bindtap

6

/7

在对应的JS文件中，添加一个点击事件addData，并打印数组结果

7

/7

打开内置浏览器控制台，查看打印结果

如果左右的样式完全一样，只用一个view来循环即可，如果左右样式不同，则需要根据Index判断奇偶来写左右两侧的样式。block wx:if="{{index%2==0}}"

---