import{o as a,a as t,y as n}from"./vue-libs.b44bc779.js";const d={class:"van-doc-markdown-body"},l=n(`

Loading \u52A0\u8F7D

\u4ECB\u7ECD

\u52A0\u8F7D\u56FE\u6807\uFF0C\u7528\u4E8E\u8868\u793A\u52A0\u8F7D\u4E2D\u7684\u8FC7\u6E21\u72B6\u6001\u3002

\u5F15\u5165

\u901A\u8FC7\u4EE5\u4E0B\u65B9\u5F0F\u6765\u5168\u5C40\u6CE8\u518C\u7EC4\u4EF6\uFF0C\u66F4\u591A\u6CE8\u518C\u65B9\u5F0F\u8BF7\u53C2\u8003\u7EC4\u4EF6\u6CE8\u518C\u3002

import { createApp } from 'vue';
import { Loading } from 'vant';

const app = createApp();
app.use(Loading);

\u4EE3\u7801\u6F14\u793A

\u52A0\u8F7D\u7C7B\u578B

\u901A\u8FC7 type \u5C5E\u6027\u53EF\u4EE5\u8BBE\u7F6E\u52A0\u8F7D\u56FE\u6807\u7684\u7C7B\u578B\uFF0C\u9ED8\u8BA4\u4E3A circular\uFF0C\u53EF\u9009\u503C\u4E3A spinner\u3002

<van-loading />

<van-loading type="spinner" />

\u81EA\u5B9A\u4E49\u989C\u8272

\u901A\u8FC7 color \u5C5E\u6027\u8BBE\u7F6E\u52A0\u8F7D\u56FE\u6807\u7684\u989C\u8272\u3002

<van-loading color="#1989fa" />

<van-loading type="spinner" color="#1989fa" />

\u81EA\u5B9A\u4E49\u5927\u5C0F

\u901A\u8FC7 size \u5C5E\u6027\u8BBE\u7F6E\u52A0\u8F7D\u56FE\u6807\u7684\u5927\u5C0F\uFF0C\u9ED8\u8BA4\u5355\u4F4D\u4E3A px\u3002

<van-loading size="24" />

<van-loading type="spinner" size="24px" />

\u52A0\u8F7D\u6587\u6848

\u53EF\u4EE5\u4F7F\u7528\u9ED8\u8BA4\u63D2\u69FD\u5728\u56FE\u6807\u7684\u53F3\u4FA7\u63D2\u5165\u52A0\u8F7D\u6587\u6848\u3002

<van-loading size="24px">\u52A0\u8F7D\u4E2D...</van-loading>

\u5782\u76F4\u6392\u5217

\u8BBE\u7F6E vertical \u5C5E\u6027\u540E\uFF0C\u56FE\u6807\u548C\u6587\u6848\u4F1A\u5782\u76F4\u6392\u5217\u3002

<van-loading size="24px" vertical>\u52A0\u8F7D\u4E2D...</van-loading>

\u81EA\u5B9A\u4E49\u6587\u6848\u989C\u8272

\u901A\u8FC7 color \u6216\u8005 text-color \u5C5E\u6027\u8BBE\u7F6E\u52A0\u8F7D\u6587\u6848\u7684\u989C\u8272\u3002

<!-- \u53EF\u4FEE\u6539\u6587\u6848\u548C\u52A0\u8F7D\u56FE\u6807\u7684\u989C\u8272 -->
<van-loading color="#0094ff" />

<!-- \u53EA\u4FEE\u6539\u6587\u6848\u989C\u8272 -->
<van-loading text-color="#0094ff" />

API

Props

\u53C2\u6570\u8BF4\u660E\u7C7B\u578B\u9ED8\u8BA4\u503C
color\u989C\u8272string#c9c9c9
type\u7C7B\u578B\uFF0C\u53EF\u9009\u503C\u4E3A spinnerstringcircular
size\u52A0\u8F7D\u56FE\u6807\u5927\u5C0F\uFF0C\u9ED8\u8BA4\u5355\u4F4D\u4E3A pxnumber | string30px
text-size\u6587\u5B57\u5927\u5C0F\uFF0C\u9ED8\u8BA4\u5355\u4F4D\u4E3A pxnumber | string14px
text-color\u6587\u5B57\u989C\u8272string#c9c9c9
vertical\u662F\u5426\u5782\u76F4\u6392\u5217\u56FE\u6807\u548C\u6587\u5B57\u5185\u5BB9booleanfalse

Slots

\u540D\u79F0\u8BF4\u660E
default\u52A0\u8F7D\u6587\u6848

\u7C7B\u578B\u5B9A\u4E49

\u7EC4\u4EF6\u5BFC\u51FA\u4EE5\u4E0B\u7C7B\u578B\u5B9A\u4E49\uFF1A

import type { LoadingType, LoadingProps } from 'vant';

\u4E3B\u9898\u5B9A\u5236

\u6837\u5F0F\u53D8\u91CF

\u7EC4\u4EF6\u63D0\u4F9B\u4E86\u4E0B\u5217 CSS \u53D8\u91CF\uFF0C\u53EF\u7528\u4E8E\u81EA\u5B9A\u4E49\u6837\u5F0F\uFF0C\u4F7F\u7528\u65B9\u6CD5\u8BF7\u53C2\u8003 ConfigProvider \u7EC4\u4EF6\u3002

\u540D\u79F0\u9ED8\u8BA4\u503C\u63CF\u8FF0
--van-loading-text-colorvar(--van-text-color-2)-
--van-loading-text-font-sizevar(--van-font-size-md)-
--van-loading-spinner-colorvar(--van-gray-5)-
--van-loading-spinner-size30px-
--van-loading-spinner-animation-duration0.8s-
`,16),e=[l],h={__name:"README.zh-CN",setup(c,{expose:s}){return s({frontmatter:{}}),(o,i)=>(a(),t("div",d,e))}};export{h as default};