| | |
| | | |
| | | <script> |
| | | export default { |
| | | name: 'VabCharge', |
| | | name: "VabCharge", |
| | | props: { |
| | | styleObj: { |
| | | type: Object, |
| | | default: () => { |
| | | return {} |
| | | return {}; |
| | | }, |
| | | }, |
| | | startVal: { |
| | |
| | | data() { |
| | | return { |
| | | decimals: 2, |
| | | prefix: '', |
| | | suffix: '%', |
| | | separator: ',', |
| | | prefix: "", |
| | | suffix: "%", |
| | | separator: ",", |
| | | duration: 3000, |
| | | } |
| | | }; |
| | | }, |
| | | created() {}, |
| | | mounted() {}, |
| | | methods: {}, |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | |
| | | left: 50%; |
| | | width: 200px; |
| | | height: 200px; |
| | | content: ''; |
| | | content: ""; |
| | | background-color: #00ff6f; |
| | | border-radius: 42% 38% 62% 49% / 45%; |
| | | transform: translate(-50%, -50%) rotate(0); |
| | |
| | | z-index: 99; |
| | | width: 176px; |
| | | height: 176px; |
| | | content: ''; |
| | | content: ""; |
| | | background-color: #000; |
| | | border-radius: 50%; |
| | | transform: translate(-50%, -50%); |