Vue Svg Transition
made with Vuejs

Vue Svg Transition是一个SVG变换的Vue组件，受图标过渡生成器的启发，用于创建双状态、SVG驱动的变换过渡。

安装

Npm

npm i vue-svg-transition

Yarn

yarn add vue-svg-transition

使用

引入组件

import Vue from 'vue';
import SvgTransition from 'vue-svg-transition';

Vue.use(SvgTransition);

使用组件

<template>
    <svg-transition :size="size">
        <MyIcon slot="initial" />
        <MyOtherIcon />
    </svg-transition>
</template>

<script>
import MyIcon from "./assets/MyIcon.svg";
import MyOtherIcon from "./assets/MyOtherIcon.svg";

export default {
    components: {
        MyIcon,
        MyOtherIcon
    }
    data() {
        return {
            size: {
                width: 48,
                height: 48
            }
        }
    }
}
</script>

示例