# Loading 加载

## 加载类型

::: snippet 设置`type`改变加载类型，默认为`circular`

```html
<template>
  <div>
    <zui-loading type="circular"></zui-loading>
    <zui-loading type="spinner"></zui-loading>
  </div>
</template>
```

:::

## 颜色

::: snippet 设置`color`改变颜色

```html
<template>
  <div>
    <zui-loading color="red"></zui-loading>
    <zui-loading color="deepskyblue" type="spinner"></zui-loading>
  </div>
</template>
```

:::

## 大小

::: snippet 设置`size`改变大小

```html
<template>
  <div>
    <zui-loading color="deepskyblue"></zui-loading>
    <zui-loading size="3rem" color="red"></zui-loading>
  </div>
</template>
```

:::

## 加载文案

可以设置任意类型的加载文案

::: snippet 设置`vertical`改变为垂直布局

```html
<template>
  <div>
    <zui-loading>加载中...</zui-loading>
    <zui-loading vertical>加载中...</zui-loading>
  </div>
</template>
```

:::

## API

## Attribute 属性

参数|说明|类型|可选值|默认值
-|-|-|-|-
type | 类型 | String | - | circular
color | 颜色 | String | - | -
size | 大小 | Number,String | - | 2rem
vertical | 垂直 | Boolean | true,false | false
textSize | 文本大小 | Number,String | - | -