diff options
Diffstat (limited to 'src/client/app/common/views/components/page/page.section.vue')
| -rw-r--r-- | src/client/app/common/views/components/page/page.section.vue | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/src/client/app/common/views/components/page/page.section.vue b/src/client/app/common/views/components/page/page.section.vue new file mode 100644 index 0000000000..03c009d9c3 --- /dev/null +++ b/src/client/app/common/views/components/page/page.section.vue @@ -0,0 +1,55 @@ +<template> +<section class="sdgxphyu"> + <component :is="'h' + h">{{ value.title }}</component> + + <div class="children"> + <x-block v-for="child in value.children" :value="child" :page="page" :script="script" :key="child.id" :h="h + 1"/> + </div> +</section> +</template> + +<script lang="ts"> +import Vue from 'vue'; + +export default Vue.extend({ + props: { + value: { + required: true + }, + script: { + required: true + }, + page: { + required: true + }, + h: { + required: true + } + }, + + beforeCreate() { + this.$options.components.XBlock = require('./page.block.vue').default + }, +}); +</script> + +<style lang="stylus" scoped> +.sdgxphyu + margin 1.5em 0 + + > h2 + font-size 1.35em + margin 0 0 0.5em 0 + + > h3 + font-size 1em + margin 0 0 0.5em 0 + + > h4 + font-size 1em + margin 0 0 0.5em 0 + + > .children + //padding 16px + +</style> |