u
This commit is contained in:
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>
|
||||
Reference in new issue
Block a user