azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Add centered property to loading spinner

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-27 05:08:45 -04:00
parent b664674a06
commit 606732c987
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/loading-spinner.vue
+13 -3
View File
@@ -1,5 +1,5 @@
<template> <template>
<div class="el-loading-spinner"> <div class="el-loading-spinner" :class="{'not-centered': !centered}">
<svg viewBox="25 25 50 50" class="circular" :style="{width: size + 'px', height: size + 'px'}"> <svg viewBox="25 25 50 50" class="circular" :style="{width: size + 'px', height: size + 'px'}">
<circle cx="50" cy="50" r="20" fill="none" class="path"/> <circle cx="50" cy="50" r="20" fill="none" class="path"/>
</svg> </svg>
@@ -12,8 +12,18 @@
@Component @Component
export default class LoadingSpinner extends Vue export default class LoadingSpinner extends Vue
{ {
@Prop({default: 42}) size: number @Prop({default: "42"}) size: string
@Prop({default: true}) centered: string
} }
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.not-centered
{
top: unset;
margin-top: unset;
width: unset;
text-align: unset;
position: unset;
}
</style>