swiper current 改变时，改当前swiper-item里面元素css
发布于 6 年前 作者 pwu 12099 次浏览 来自 问答

swiper current 改变时，改当前swiper-item里面的元素css

<swiper>

    <swiper-item class=‘item0’>

        <view></view>

    </swiper-item>

    <swiper-item class=‘item1’>

        <view></view>

    </swiper-item>

    <swiper-item class=‘item2’>

        <view></view>

    </swiper-item>

</swiper>

3 回复

bindchange=“change”

style=“animation:{{name}} {{duration}};”  

change:funcition(e){


    switch(e.detail.current){

        case 0:

            this.setData({//根据current不同,添加不同的样式

                name:“item8”,

                duration: “1s”,

            })

            break;


        case 1:

            break;

        case 2:

            break;

    }

}

给里面的view添加特定的 style=“animation:item8 1s forwards”

每个都有可能不同

你想怎么改?

回到顶部