@xiehy/component-animation

vue3动画组件库

安装

$ yarn add @xiehy/component-animation

全局引入

// main.js全局引入
import xiehyAnimation from '@xiehy/component-animation'
import '@xiehy/component-animation/dist/es/style.css'
createApp(App).use(xiehyAnimation)

<template>
  <AniImageGrid :backgroundImage="image"></AniImageGrid>
</template>
<script setup>
import image from '@/assets/xxx.png';
</script>

局部引入

<template>
  <AniImageGrid :backgroundImage="image"></AniImageGrid>
</template>
<script setup>
import { AniImageGrid } from "@xiehy/component-animation";
import '@xiehy/component-animation/dist/es/style.css'
import image from '@/assets/xxx.png';
</script>

包含组件

ImageGrid 网格图片效果