animation 在 wx:for 循环的view里怎么设置
发布于 6 年前 作者 uyan 9588 次浏览 来自 问答

<view   wx:for="{{data}}"  wx:key=“row_key” wx:for-item=“row” >

     <view wx:for="{{row}}"  wx:key=“col_key” animation="{{xxx}}"> {{item}} </view>

</view>

要独立控制其中的一个view做一些动画效果, 在这个wxml 文件里应该怎么设置, js文件里怎么使用呢?

麻烦指点一下

3 回复

<swiper indicator-dots circular=“true” current=“0” bindchange=“currentIndex”>

<swiper-item wx:for="{{cardData.images}}" wx:for-item=“bgd” wx:key=“key”>

<view class=‘card-main’ style=‘background-image: url({{host}}{{bgd.url}});’>

<image wx:if="{{bgd.list[0]}}" src=’{{host}}{{bgd.list[0].url}}’ style="{{bgd.list[0].style}}" animation="{{imageAnimation0}}"></image>

<image wx:if="{{bgd.list[1]}}" src=’{{host}}{{bgd.list[1].url}}’ style="{{bgd.list[1].style}}" animation="{{imageAnimation1}}"></image>

<image wx:if="{{bgd.list[2]}}" src=’{{host}}{{bgd.list[2].url}}’ style="{{bgd.list[2].style}}" animation="{{imageAnimation2}}"></image>

<image wx:if="{{bgd.list[3]}}" src=’{{host}}{{bgd.list[3].url}}’ style="{{bgd.list[3].style}}" animation="{{imageAnimation3}}"></image>

<image wx:if="{{bgd.list[4]}}" src=’{{host}}{{bgd.list[4].url}}’ style="{{bgd.list[4].style}}" animation="{{imageAnimation4}}">

</view>

</swiper-item>

不用循环,写死,前提是list不能很多,哈哈

目前知道可以用class写css3动画,可是我就是要用微信的animation怎么破

回到顶部