This commit is contained in:
oneao committed 2026-10-09 17:32:14 +08:00
1 parent e99a9fb274
commit 0be0b0767a
788 files changed
+112023 -14941

No files matched your search

@@ -17,9 +17,7 @@ async function reload() {
<G3Button type="outline" size="small" @click="reload">重新加载</G3Button>
<G3Spin :spinning="loading">
<div style="padding: 24px; border: 1px solid #d9d9d9; border-radius: 8px">
被包裹的内容区域:加载中会被遮罩覆盖,并阻止点击。
</div>
<div style="padding: 24px; border: 1px solid #d9d9d9; border-radius: 8px">内容区域</div>
</G3Spin>
</G3Space>
</template>
@@ -20,12 +20,12 @@ async function run(duration: number, target: typeof fastLoading) {
<G3Button size="small" type="outline" @click="run(1500, slowLoading)">1500ms 请求</G3Button>
</G3Space>
<G3Spin :spinning="fastLoading" :delay="400" description="fast">
<div class="box">短请求:因为 delay=400ms,全程不会闪出加载态</div>
<G3Spin :spinning="fastLoading" :delay="400">
<div class="box">内容区域</div>
</G3Spin>
<G3Spin :spinning="slowLoading" :delay="400" description="slow">
<div class="box">长请求:超过 400ms 后才显示加载态</div>
<G3Spin :spinning="slowLoading" :delay="400">
<div class="box">内容区域</div>
</G3Spin>
</G3Space>
</template>
@@ -7,6 +7,6 @@ import { G3Spin, G3Space } from '@g3soft/ui'
<G3Space :size="[32, 16]" align="center" wrap>
<G3Spin />
<G3Spin description="加载中…" />
<G3Spin :delay="300" description="延迟 300ms 才显示" />
<G3Spin :delay="300" description="加载中…" />
</G3Space>
</template>