This commit is contained in:
syuilo
2020-02-12 02:52:37 +09:00
parent 7493429b4d
commit 320b3d8617
3 changed files with 38 additions and 39 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="yxspomdl">
<div class="yxspomdl" :class="{ inline }">
<div class="ring"></div>
</div>
</template>
@ -8,6 +8,13 @@
import Vue from 'vue';
export default Vue.extend({
props: {
inline: {
type: Boolean,
required: false,
default: false
}
}
});
</script>
@ -25,6 +32,16 @@ export default Vue.extend({
padding: 32px;
text-align: center;
&.inline {
display: inline;
padding: 0;
> .ring:after {
width: 32px;
height: 32px;
}
}
> .ring {
display: inline-block;
opacity: 0.7;