[Doc] Loading: update demo

This commit is contained in:
陈嘉涵
2019-04-30 15:43:46 +08:00
parent 70351dc4f0
commit 4f516f450c
4 changed files with 22 additions and 28 deletions

View File

@@ -1,15 +1,15 @@
<template>
<demo-section>
<demo-block :title="$t('title1')">
<demo-block :title="$t('loadingType')">
<van-loading />
<van-loading color="white" />
<van-loading type="spinner" />
</demo-block>
<demo-block :title="$t('title2')">
<van-loading type="spinner" />
<demo-block :title="$t('loadingColor')">
<van-loading color="#1989fa" />
<van-loading
type="spinner"
color="white"
color="#1989fa"
/>
</demo-block>
</demo-section>
@@ -19,12 +19,12 @@
export default {
i18n: {
'zh-CN': {
title1: 'Circular',
title2: 'Spinner'
loadingType: '加载类型',
loadingColor: '自定义颜色'
},
'en-US': {
title1: 'Circular',
title2: 'Spinner'
loadingType: 'Type',
loadingColor: 'Color'
}
}
};
@@ -36,11 +36,5 @@ export default {
display: inline-block;
margin: 5px 0 5px 20px;
}
.van-loading--white {
padding: 10px;
border-radius: 3px;
background-color: rgba(0, 0, 0, .5);
}
}
</style>