uniapp里加载动画

在UniApp中加载动画可以使用两种方法：CSS动画和使用第三方动画库。

1. 使用CSS动画：
- 在需要加载动画的页面或组件中，通过`<style>`标签或者外部CSS文件定义动画样式。
- 在元素上添加class，将动画样式应用到元素上。
- 可以使用关键帧动画（`@keyframes`）或者过渡动画（`transition`）来创建不同的效果。
- 示例代码：

     <!-- 在页面或组件的template中 -->
     <div class="loading"></div>
     
     <!-- 在页面或组件的style中 -->
     <style>
     @keyframes spin {
       0% { transform: rotate(0deg); }
       100% { transform: rotate(360deg); }
     }
     
     .loading {
       width: 40px;
       height: 40px;
       border-radius: 50%;
       border: 4px solid #f3f3f3;
       border-top: 4px solid #3498db;
       animation: spin 2s linear infinite;
     }
     </style>

2. 使用第三方动画库：
- UniApp支持引入第三方CSS动画库，如Animate.css、Vant等。
- 首先，安装对应的库，可以使用npm或者直接下载相关文件。
- 在需要加载动画的页面或组件中，引入库的CSS文件。
- 在元素上添加相应的class，使用库中提供的动画效果。
- 示例代码：

     <!-- 在页面或组件的template中 -->
     <div class="loading animated infinite bounce"></div>
     
     <!-- 在页面或组件的style中 -->
     <style>
     @import "@/assets/animate.min.css";
     .loading {
       width: 40px;
       height: 40px;
       background-color: #3498db;
     }
     </style>

以上是在UniApp中加载动画的两种常见方法，你可以根据需要选择其中一种或结合使用。