Vue Svg Transition
made with Vuejs

Vue Svg Transition

这是一个SVG图标变换组件。

相关问答
暂无相关问题
查看全部
简介及使用教程

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>

示例

demo.gif

作者

Kai Oswald

@kaos1910

相关项目