mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
64 lines
1.1 KiB
Vue
64 lines
1.1 KiB
Vue
<template>
|
|
<demo-section>
|
|
<demo-block :title="$t('type')">
|
|
<van-loading />
|
|
<van-loading type="spinner" />
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('color')">
|
|
<van-loading color="#1989fa" />
|
|
<van-loading
|
|
type="spinner"
|
|
color="#1989fa"
|
|
/>
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('text')">
|
|
<van-loading size="24px">
|
|
{{ $t('loading') }}
|
|
</van-loading>
|
|
</demo-block>
|
|
|
|
<demo-block :title="$t('vertical')">
|
|
<van-loading
|
|
size="24px"
|
|
vertical
|
|
>
|
|
{{ $t('loading') }}
|
|
</van-loading>
|
|
</demo-block>
|
|
</demo-section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
i18n: {
|
|
'zh-CN': {
|
|
type: '加载类型',
|
|
color: '自定义颜色',
|
|
text: '加载文案',
|
|
vertical: '垂直排列'
|
|
},
|
|
'en-US': {
|
|
type: 'Type',
|
|
color: 'Color',
|
|
text: 'Text',
|
|
vertical: 'Vertical'
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less">
|
|
.demo-loading {
|
|
.van-loading {
|
|
display: inline-block;
|
|
margin: 5px 0 5px 20px;
|
|
|
|
&--vertical {
|
|
display: inline-flex;
|
|
}
|
|
}
|
|
}
|
|
</style>
|