/*! For license information please see 7776.22ac05be.js.LICENSE.txt */ (self.webpackChunk=self.webpackChunk||[]).push([["7776"],{60531:function(s,n,a){"use strict";a.r(n);var t=a("80681");let l=["innerHTML"];n.default={setup:()=>({html:""}),render:()=>((0,t.wg)(),(0,t.iD)("div",{class:"van-doc-markdown-body",innerHTML:'

Loading \u52A0\u8F7D

\n

\u4ECB\u7ECD

\n

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

\n

\u5F15\u5165

\n

\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

\n
import { createApp } from 'vue';\nimport { Loading } from 'vant';\n\nconst app = createApp();\napp.use(Loading);\n
\n

\u4EE3\u7801\u6F14\u793A

\n

\u52A0\u8F7D\u7C7B\u578B

\n

\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

\n
<van-loading />\n\n<van-loading type="spinner" />\n
\n

\u81EA\u5B9A\u4E49\u989C\u8272

\n

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

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

\u81EA\u5B9A\u4E49\u5927\u5C0F

\n

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

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

\u52A0\u8F7D\u6587\u6848

\n

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

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

\u5782\u76F4\u6392\u5217

\n

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

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

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

\n

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

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

\u81EA\u5B9A\u4E49\u56FE\u6807

\n

\u901A\u8FC7 icon \u63D2\u69FD\u53EF\u4EE5\u81EA\u5B9A\u4E49\u52A0\u8F7D\u56FE\u6807\u3002

\n
<van-loading vertical>\n  <template #icon>\n    <van-icon name="star-o" size="30" />\n  </template>\n  \u52A0\u8F7D\u4E2D...\n</van-loading>\n
\n

API

\n

Props

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\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
\n

Slots

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\u540D\u79F0\u8BF4\u660E
default\u52A0\u8F7D\u6587\u6848
icon\u81EA\u5B9A\u4E49\u52A0\u8F7D\u56FE\u6807
\n

\u7C7B\u578B\u5B9A\u4E49

\n

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

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

\u4E3B\u9898\u5B9A\u5236

\n

\u6837\u5F0F\u53D8\u91CF

\n

\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

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\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-duration0.8s-
\n
'},null,8,l))}}}]);