38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
|
<template>
|
||
|
|
<div class="md-example tabs">
|
||
|
|
<section class="md-example-section" v-for="(demo, index) in demos" :key="index">
|
||
|
|
<div class="md-example-title" v-html="demo.title"></div>
|
||
|
|
<div class="md-example-describe" v-html="demo.describe"></div>
|
||
|
|
<div class="md-example-content">
|
||
|
|
<component :is="demo"></component>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
import createDemoModule from '../../../examples/create-demo-module'
|
||
|
|
import Demo0 from './cases/demo0'
|
||
|
|
import Demo1 from './cases/demo1'
|
||
|
|
import Demo2 from './cases/demo2'
|
||
|
|
import Demo3 from './cases/demo3'
|
||
|
|
import Demo4 from './cases/demo4'
|
||
|
|
import Demo5 from './cases/demo5'
|
||
|
|
import Demo6 from './cases/demo6'
|
||
|
|
import Demo7 from './cases/demo7'
|
||
|
|
import Demo8 from './cases/demo8'
|
||
|
|
import Demo9 from './cases/demo9'
|
||
|
|
import Demo10 from './cases/demo10'
|
||
|
|
import Demo11 from './cases/demo11'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
...createDemoModule('tabs', [Demo0, Demo1, Demo2, Demo3, Demo4, Demo5, Demo6, Demo7, Demo8, Demo9, Demo10, Demo11]),
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="stylus">
|
||
|
|
.md-example-child-tabs .md-tab-content
|
||
|
|
background #f
|
||
|
|
height 100px
|
||
|
|
line-height 100px
|
||
|
|
text-align center
|
||
|
|
</style>
|