uview-ui loading

UView UI 是一个轻量级、高性能的 Vue 组件库，它提供了一系列丰富的 UI 组件以及易用的开发工具。其中，UView UI 的 `loading` 组件用于在页面加载数据或处理异步操作时显示一个视觉反馈，让用户了解系统正在忙于执行任务。这个组件通常包含一个简单的圆圈动画或文本，如“加载中”、“稍等片刻”，可以根据设计需要自定义样式和配置，例如设置颜色、大小、进度条等。当请求完成时，开发者可以轻松地控制该组件的显示和隐藏状态。

使用 UView UI 的 `loading` 组件，你可以按照以下步骤操作：

1. 引入组件：在你的 Vue 文件中通过 `import` 语句引入 `u-loading` 或者更具体的加载组件，如 `u-loading-circle`。

import { uLoading } from 'uview-ui';

2. 在模板中使用：在需要展示加载效果的地方插入组件，并设置必要的属性。

<template>
  <div>
    <u-loading :visible="isLoading" />
    <!-- 其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      isLoading: false, // 初始化为 false，表示未加载
    };
  },
  methods: {
    fetchData() {
      this.isLoading = true; // 开始加载时设置为 true
      // 这里模拟异步操作
      setTimeout(() => {
        this.isLoading = false; // 数据加载完成后设置为 false
      }, 2000);
    }
  },
};
</script>