nvue 能否使用 css 动画或其他的方式实现动画？

nvue支持css动画。看weex的文档里的css部分。
也可以用bindingx做动画。

测试正常

<template>  
    <view class="page">  
        <list ref="list1" class="list">  
            <cell v-for="(item, index) in dataList" :key="item.id">  
                <view class="list-item">  
                    <text>{{item.name}}</text>  
                </view>  
            </cell>  
        </list>  
        <view ref="block" class="block"></view>  
    </view>  
</template>  

<script>  

    export default {  
        data() {  
            return {  
                dataList: []  
            }  
        },  
        onReady() {  
            for (var i = 0; i < 30; i++) {  
                this.dataList.push({  
                    id: i,  
                    name: i  
                });  
            }  

            const modal = weex.requireModule('modal')  

            modal.toast({  
                message: 'hello world'  
            })  

            setTimeout(() => {  
                this.bind();  
            }, 300)  
        },  
        methods: {  
            bind(e) {  
                const Binding = weex.requireModule('bindingx');  

                Binding.bind({  
                    eventType: 'scroll',  
                    anchor: this.getEl(this.$refs.list1),  
                    props: [{  
                            element: this.getEl(this.$refs.block), //动画元素  
                            property: 'opacity', //动画属性  
                            expression: '1-y/400' //表达式 说明了y从0-400,对应的值是1-0    
                        },  
                        {  
                            element: this.getEl(this.$refs.block), //动画元素  
                            property: 'transform.scale', //动画属性  
                            expression: 'y<200?1+y/200:2-(y-200)/200' //说明了y从0-200,对应的值是1-2  
                        }  
                    ]  
                });  
            },  
            getEl(e) {  
                return e.ref;  
            }  
        }  
    }  
</script>  

<style>  
    .page {  
        flex: 1;  
        flex-direction: column;  
    }  

    .list {  
        flex: 1;  
        background-color: lime;  
    }  

    .list-item {  
        padding: 20px;  
        border-width: 1px;  
        border-style: solid;  
        border-color: #007AFF;  
    }  

    .block {  
        position: fixed;  
        left: 0;  
        top: 0;  
        width: 100px;  
        height: 100px;  
        background-color: red;  
    }  
</style>  

只能在app端显示