cc-loading

`cc-loading`是是基于 `loaders.css` 二次封装的 vue3 加载动画组件库, 帮你轻松的在项目中使用不同风格的加载动画。该项目受`@alex_xu/react-loading`启发，是`@alex_xu/react-loading`的vue3实现版本。全部采用`ts`编写，支持全局组件。效果图如下: <img src="https://camo.githubusercontent.com/578d6e2073c668e4a39fc513001cb0fea18ae40

Usage no npm install needed!

<script type="module">
  import ccLoading from 'https://cdn.skypack.dev/cc-loading';
</script>

README

cc-loading是是基于 loaders.css 二次封装的 vue3 加载动画组件库, 帮你轻松的在项目中使用不同风格的加载动画。
该项目受@alex_xu/react-loading启发，是@alex_xu/react-loading的vue3实现版本。全部采用ts编写，支持全局组件。
效果图如下:

组件使用

在main.ts里引入以下代码:

import ccLoading from 'cc-loading'
import 'cc-loading/cc-loading.css'

createApp().use(ccLoading)

在组件里即可使用全部组件:

<cc-ball-beat text="加载中..."></cc-ball-beat>
<cc-ball-clip-rotate text="加载中..."></cc-ball-clip-rotate>
// ...