ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 10:44:59 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[new feature] Loading: add circular type (#618)

Browse Source
This commit is contained in:
neverland
2018-02-07 16:35:24 +08:00
committed by GitHub
parent 6e00edac2d
commit 866aff9c45
8 changed files with 121 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/demos/views/loading.vue
View File

@@ -14,6 +14,11 @@
<van-loading type="spinner" color="black" />
<van-loading type="spinner" color="white" />
</demo-block>
<demo-block :title="$t('title4')">
<van-loading type="circular" color="black" />
<van-loading type="circular" color="white" />
</demo-block>
</demo-section>
</template>
@@ -23,12 +28,14 @@ export default {
'zh-CN': {
title1: '单色圆环',
title2: '渐变色圆环',
title3: 'Spinner'
title3: 'Spinner',
title4: 'Circular'
},
'en-US': {
title1: 'Solid Circle',
title2: 'Gradient Circle',
title3: 'Spinner'
title3: 'Spinner',
title4: 'Circular'
}
}
};
@@ -38,7 +45,13 @@ export default {
.demo-loading {
.van-loading {
display: inline-block;
margin: 10px 0 10px 20px;
margin: 5px 0 5px 20px;
}
.van-loading--white {
padding: 10px;
border-radius: 3px;
background-color: rgba(0, 0, 0, .5);
}
}
</style>