2021-01-09 10:01:15 +08:00

33 lines
546 B
Vue

<template>
<section class="van-doc-demo-section" :class="demoName">
<slot />
</section>
</template>
<script>
import { decamelize } from '../../common';
export default {
name: 'DemoSection',
computed: {
demoName() {
const { meta } = this.$route || {};
if (meta && meta.name) {
return `demo-${decamelize(meta.name)}`;
}
return '';
},
},
};
</script>
<style lang="less">
.van-doc-demo-section {
box-sizing: border-box;
min-height: calc(100vh - 56px);
padding-bottom: 20px;
}
</style>