mand-mobile/components/tabs/test/cases/demo0.vue

34 lines
1.1 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<div class="md-example-child md-example-child-tabs md-example-child-tabs-0">
<md-tabs>
<md-tab-pane class="content" name="p1" label="第一章">
她对他很满意走吧他起身买单腿却一拐一拐的难怪他才华横溢事业有成却还是单身趁着他买单她赶紧悄悄走了
</md-tab-pane>
<md-tab-pane class="content" name="p2" label="第二章">
又是一年她又遇到了他他正牵着孩子的手走的飞快
</md-tab-pane>
<md-tab-pane class="content" name="p3" label="第三章" disabled>
你的腿她有些诧异我的腿怎么了他更诧异后来她才知道他的腿那天只是坐麻了而已
</md-tab-pane>
</md-tabs>
</div>
</template>
<script>
import {Tabs, TabPane} from 'mand-mobile'
export default {
name: 'tab-bar-demo',
components: {
[Tabs.name]: Tabs,
[TabPane.name]: TabPane,
},
}
</script>
<style lang="stylus" scoped>
.content
padding 12px 0
font-size 28px
</style>