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>
// ...