You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<cn>
|
|
|
|
|
#### 预加载的卡片
|
|
|
|
|
数据读入前会有文本块样式
|
|
|
|
|
</cn>
|
|
|
|
|
|
|
|
|
|
<us>
|
|
|
|
|
#### Loading card
|
|
|
|
|
Shows a loading indirector while the contents of the card is being featched
|
|
|
|
|
</us>
|
|
|
|
|
|
|
|
|
|
```html
|
|
|
|
|
<template>
|
|
|
|
|
<div>
|
|
|
|
|
<a-card :loading="loading" title="Card title">
|
|
|
|
|
whatever content
|
|
|
|
|
</a-card>
|
|
|
|
|
<a-button @click="handleClick" style="marginTop: 16px">Toggle loading</a-button>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
loading: true,
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
handleClick() {
|
|
|
|
|
this.loading = !this.loading
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
