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

1、把要改变样式添加到相应js文件的全局变量中。

2、将变量绑定到view中。

3、在view中添加事件。

4、在相应js文件中添加该自定义方法changeColor， function，e，thissetData，color ， #fff。

1/微信小程序有个属性hover-class='active'，是指当点击列表元素时当按下鼠标左键会显示active样式，但鼠标离开样式就会复原，可以参考以下解决方案，直接上代码：

2/核心点:class=”taga-item {{dateCurrent==itemid'active-tag':”}}”模板文件中使用三元运算符,通过dateCurrent指定当前item的id

Page({

    data: {

        imgI：0

    }

}）

loadImg(){

        let that=this,image=thatdatalistimg,i=thatdataimgI;

        for(i;i<imagelength;i++){

            wxdownloadFile({

                url: thatdataurl+image[i],

                success (res) {

                    if (resstatusCode === 200) {

                        wxsaveImageToPhotosAlbum({

                            filePath: restempFilePath,

                            success(res){

                                if (i==imagelength) {

                                    wxshowToast({

                                        title: '保存成功',

                                    })

                                } else {

                                    thatsetData({

                                        imgI:i+1

                                    })

                                    thatloadImg()

                                }

                            }

                        })

                    }

                }

            })

        }

    },

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

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

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

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

, changeColor: function(e){

thissetData({ color : '#fff' });

}

以上就是关于微信小程序怎么给for循环的view添加样式全部的内容，包括:微信小程序怎么给for循环的view添加样式、微信小程序 for循环保存照片、微信小程序怎么给for循环的view点击时添加样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！