[Improvement] Loading: add size prop (#620)

This commit is contained in:
neverland
2018-02-07 17:28:59 +08:00
committed by GitHub
parent e53f543639
commit 2a3c75bc2f
4 changed files with 25 additions and 1 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="van-loading" :class="['van-loading--' + type, 'van-loading--' + color]">
<div class="van-loading" :class="['van-loading--' + type, 'van-loading--' + color]" :style="style">
<span class="van-loading__spinner" :class="'van-loading__spinner--' + type">
<i v-for="item in (type === 'spinner' ? 12 : 0)" />
<svg v-if="type === 'circular'" class="van-loading__circular" viewBox="25 25 50 50">
@@ -14,8 +14,11 @@ import install from '../utils/install';
export default {
install,
name: 'van-loading',
props: {
size: String,
type: {
type: String,
default: 'gradient-circle'
@@ -24,6 +27,15 @@ export default {
type: String,
default: 'black'
}
},
computed: {
style() {
return this.size ? {
width: this.size,
height: this.size
} : {};
}
}
};
</script>