uniapp插件 uni-transition 过渡动画

黑色滴夜

元素的简单过渡动画

[JavaScript] 纯文本查看 复制代码

<template>
    <view>
        <button type="primary" @click="open">fade</button>
        <uni-transition mode-class="fade" :styles="{'width':'100px','height':'100px','backgroundColor':'red'}" :show="show" @change="change" />
    </view>
</template>

<script>
export default {
    data() {
        return {
            show: false,
        }
    },
    onLoad() {},
    methods: {
        open(mode) {
            this.show = !this.show
        },
        change() {
            console.log('触发动画')
        }
    }
}
</script>

插件市场地址: https://ext.dcloud.net.cn/plugin?id=985

本组件符合easycom规范


基本用法

在 template 中使用组件