收藏
回答

animation 在 wx:for 循环的view里怎么设置

问题模块
API和组件

<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文件里怎么使用呢?


麻烦指点一下

最后一次编辑于  2017-11-22  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 恺恺
    恺恺
    2018-01-06

    <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不能很多,哈哈


    2018-01-06
    赞同
    回复
  • 恺恺
    恺恺
    2018-01-06

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

    2018-01-06
    赞同
    回复
  • 恺恺
    恺恺
    2018-01-06

    同求

    2018-01-06
    赞同
    回复