drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update Tabs

Browse source 
update Tabs
This commit is contained in:
梁灏 2016-12-06 22:51:06 +08:00
parent 871ed4d810
commit 17f52abf5b
7 changed files with 510 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

34
test/routers/tabs.vue Normal file
View file

@ -0,0 +1,34 @@
<template>
<i-button @click="toggleClose" :animated="false">closable</i-button>
<Tabs type="line" :closable="closable" :animated="false">
<Tab-pane label="Tab 1">Tab1 content</Tab-pane>
<Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>
<Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>
<Tab-pane label="Tab 4">Tab4 content</Tab-pane>
<Tab-pane label="Tab 5">Tab5 content</Tab-pane>
<Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>
<Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>
<Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>
</Tabs>
</template>
<script>
export default {
props: {
},
data () {
return {
closable: true
}
},
computed: {
},
methods: {
toggleClose () {
this.closable = !this.closable;
}
}
}
</script>