微信小程序3层循环

//第一层循环

<view wx:for="{{arr}}" wx:key="index">

    <view>{{item.name}}</view>

    //第二层循环,修改item、index名称

    <view wx:for="{{item.process}}" wx:for-item="itema" wx:for-index="indexa" wx:key="indexa">

        // 判断是哪种结构

        <block wx:if="{{itema.goods_name}}">

            <view>{{itema.goods_name}}</view>

        </block>

        <block wx:else>

            <view>{{itema.type}}</view>

            //第三层判断是否是数组

            <block wx:if="{{itema.state && itema.state[0] && itema.state[0].time}}">

                <view wx:for="{{itema.state}}" wx:for-item="itemb" wx:for-index="indexb" wx:key="indexb">{{itemb.time}}</view>

            </blcok>

            <blcok wx:else>

                <view>{{itema.state}}</view>

            </blcok>

        </block>

    </view>

</view>

Towify 中的动画可以为组件设置多种动画效果，快来1秒Get如何配置！

效果展示

使用动画效果中的旋转动画，同时配置触发器行为：执行其它动画。实现点击播放动画的效果。

触发器配置

注意：在检查器面板中的触发器设置面板创建触发器，可以对组件进行交互逻辑设置，或配合事件来进行动态数据 *** 作。

选中音频组件

点击检查面板中的触发器

创建一个触发行为:执行其它动画的触发器

注意：在……时是一种监听行为的触发时机，在当前案例中，使用了监听音频的状态。

选中音频组件

点击检查面板中的触发器

创建触发行为:在……时的触发器

注意：激活有两种状态，分别为激活和非激活，激活对应了样式中的Selected状态，而非激活对应了样式中的Default状态

选中音频组件

点击检查面板中的触发器

创建触发行为:激活的触发器

这样就可以配置旋转动画了。

---