quasar-framework
Version:
Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase
43 lines (42 loc) • 834 B
JavaScript
export default {
name: 'QJumbotron',
props: {
dark: Boolean,
tag: {
type: String,
default: 'div'
},
imgSrc: String,
gradient: String
},
computed: {
gradientType () {
if (this.gradient) {
return this.gradient.indexOf('circle') > -1
? 'radial'
: 'linear'
}
},
computedStyle () {
if (this.imgSrc) {
return {
'background-image': `url(${this.imgSrc})`
}
}
if (this.gradientType) {
return {
background: `${this.gradientType}-gradient(${this.gradient})`
}
}
}
},
render (h) {
return h(this.tag, {
staticClass: 'q-jumbotron',
style: this.computedStyle,
'class': {
'q-jumbotron-dark': this.dark
}
}, this.$slots.default)
}
}