drip-public/iview
6
1
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-07 10:20:11 +08:00
parent 77bafb3181
commit 9fc59aa69c
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/styles/components/tabs.less
View file

@ -115,6 +115,7 @@
&-mini &-tab {
margin-right: 0;
padding: 8px 16px;
font-size: @font-size-small;
}
& {

22
test/routers/tabs.vue
View file

@ -1,16 +1,18 @@
<template>
<i-button @click="toggleClose">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>
<div style="margin:20px;width:400px">
<Tabs type="line" :closable="closable" 3399ff>
<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>
</div>
</template>
<script>
export default {