nvue 页面怎么使用 animation动画

试了好多种方法都不行，有什么方式能代替吗

animation没有marginBottom属性 用height代替了 效果差不多 你试试
参考文档：https://uniapp.dcloud.net.cn/api/ui/animation.html

<template>  
    <view>  
        <view :animation="animationData"></view>  
        <button @tap="tapBtn">开始动画</button>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                animationData: {},  
            }  
        },  
        methods: {  
            tapBtn() {  
                let animation = uni.createAnimation({  
                    duration: 150,  
                    timingFunction: 'ease-in-out',  
                })  
                animation.height(0).step()  
                animation.height(32).step()  
                animation.height(0).step()  
                animation.height(16).step()  
                animation.height(0).step()  
                this.animationData = animation.export();  
            },  
        }  
    }  
</script>  

<style>  

</style>

使用bindingx,没有margin,通过height实现
在需要margin地方中间插入一个空view，修改高度来实现同样的动画效果

<template>  
    <view class="content">  
        <view ref="empty"></view>  
        <button @tap="handleStart">开始动画</button>  
        <button @tap="handleStop">停止动画</button>  
    </view>  
</template>  

<script>  
    const Binding = uni.requireNativePlugin('bindingx')  
    export default {  
        data() {  
            return {  
                steps: [32,0,16,0],  
                animationStatus: false,  
            }  
        },  
        methods: {  
            handleStart() {  
                if(this.animationStatus) return  
                this.animationStatus = true  
                this.startAnimation(0)  
            },  
            handleStop() {  
                this.animationStatus = false  
            },  
            startAnimation(i) {  
                const current = this.steps[i]  
                const prev = this.steps[i - 1] || this.steps[this.steps.length - 1]  
                const token = Binding.bind({  
                    eventType: 'timing',  
                    exitExpression: 't>125',  
                    props: [  
                        {  
                            element: this.$refs.empty.ref,  
                            property: 'height',  
                            expression: `easeInOutQuint(t,${prev},0+${current - prev},125)`  
                        },  
                    ],  
                },(result) => {  
                    if(result.state == 'exit') {  
                        Binding.unbind(token)  
                        i++  
                        this.animationStatus && this.startAnimation(i == this.steps.length ? 0 : i)  
                    }  
                })  
            }  
        }  
    }  

</script>