You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
1.6 KiB
72 lines
1.6 KiB
<template>
|
|
<q-page
|
|
v-bind="$attrs"
|
|
v-on="$listeners"
|
|
>
|
|
<slot />
|
|
</q-page>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import platformMixin from '../mixins/platform'
|
|
|
|
export default {
|
|
name: 'CscPage',
|
|
mixins: [
|
|
platformMixin
|
|
],
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
isList: {
|
|
type: Boolean,
|
|
default: false
|
|
}
|
|
},
|
|
data () {
|
|
return {}
|
|
},
|
|
computed: {
|
|
componentClasses () {
|
|
const classes = ['csc-page']
|
|
if (this.isMobile) {
|
|
classes.push('csc-page-mobile')
|
|
}
|
|
if (this.isList) {
|
|
classes.push('csc-page-list')
|
|
}
|
|
return classes
|
|
}
|
|
},
|
|
methods: {
|
|
resizeContent () {
|
|
this.$root.$emit('content-resized')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!--<style lang="stylus" rel="stylesheet/stylus">-->
|
|
<!-- .csc-page-->
|
|
<!-- min-height 100vh-->
|
|
<!-- position relative-->
|
|
<!-- margin 0-->
|
|
<!-- padding 0-->
|
|
<!-- .csc-page-content-->
|
|
<!-- min-height 100vh-->
|
|
<!-- padding $flex-gutter-lg-->
|
|
<!-- padding-top 24px-->
|
|
<!-- padding-bottom $call-footer-height-->
|
|
<!-- .csc-page.csc-page-mobile-->
|
|
<!-- .csc-page-content-->
|
|
<!-- padding-left $flex-gutter-sm * 1.4-->
|
|
<!-- padding-right $flex-gutter-sm * 1.4-->
|
|
<!-- .csc-page.csc-page-mobile.csc-page-list-->
|
|
<!-- .csc-page-content-->
|
|
<!-- padding-left 0-->
|
|
<!-- padding-right 0-->
|
|
<!--</style>-->
|