quasar-framework
Version:
Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase
102 lines (100 loc) • 2.47 kB
JavaScript
import mixin from './spinner-mixin.js'
export default {
name: 'QSpinnerAudio',
mixins: [mixin],
render (h) {
return h('svg', {
staticClass: 'q-spinner',
class: this.classes,
attrs: {
'fill': 'currentColor',
'width': this.size,
'height': this.size,
'viewBox': '0 0 55 80',
'xmlns': 'http://www.w3.org/2000/svg'
}
}, [
h('g', {
attrs: {
'transform': 'matrix(1 0 0 -1 0 80)'
}
}, [
h('rect', {
attrs: {
'width': '10',
'height': '20',
'rx': '3'
}
}, [
h('animate', {
attrs: {
'attributeName': 'height',
'begin': '0s',
'dur': '4.3s',
'values': '20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20',
'calcMode': 'linear',
'repeatCount': 'indefinite'
}
})
]),
h('rect', {
attrs: {
'x': '15',
'width': '10',
'height': '80',
'rx': '3'
}
}, [
h('animate', {
attrs: {
'attributeName': 'height',
'begin': '0s',
'dur': '2s',
'values': '80;55;33;5;75;23;73;33;12;14;60;80',
'calcMode': 'linear',
'repeatCount': 'indefinite'
}
})
]),
h('rect', {
attrs: {
'x': '30',
'width': '10',
'height': '50',
'rx': '3'
}
}, [
h('animate', {
attrs: {
'attributeName': 'height',
'begin': '0s',
'dur': '1.4s',
'values': '50;34;78;23;56;23;34;76;80;54;21;50',
'calcMode': 'linear',
'repeatCount': 'indefinite'
}
})
]),
h('rect', {
attrs: {
'x': '45',
'width': '10',
'height': '30',
'rx': '3'
}
}, [
h('animate', {
attrs: {
'attributeName': 'height',
'begin': '0s',
'dur': '2s',
'values': '30;45;13;80;56;72;45;76;34;23;67;30',
'calcMode': 'linear',
'repeatCount': 'indefinite'
}
})
])
])
])
}
}