other / mew-iview

Commit 9fc59aa69ce8f072da5a0fdb5a8ab89257bcebb5

Authored by 梁灏
1 parent 77bafb31

update Tabs 

update Tabs
Showing 2 changed files with 13 additions and 10 deletions   Show diff stats
Inline Side-by-side
src/styles/components/tabs.less
  Show/Hide comments   View file @9fc59aa
@@ -115,6 +115,7 @@ @@ -115,6 +115,7 @@
115 &-mini &-tab { 115 &-mini &-tab {
116 margin-right: 0; 116 margin-right: 0;
117 padding: 8px 16px; 117 padding: 8px 16px;
  118 + font-size: @font-size-small;
118 } 119 }
119 120
120 & { 121 & {
test/routers/tabs.vue
  Show/Hide comments   View file @9fc59aa
1 <template> 1 <template>
2 <i-button @click="toggleClose">closable</i-button> 2 <i-button @click="toggleClose">closable</i-button>
3 3
4 - <Tabs type="line" :closable="closable" :animated="false">  
5 - <Tab-pane label="Tab 1">Tab1 content</Tab-pane>  
6 - <Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>  
7 - <Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>  
8 - <Tab-pane label="Tab 4">Tab4 content</Tab-pane>  
9 - <Tab-pane label="Tab 5">Tab5 content</Tab-pane>  
10 - <Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>  
11 - <Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>  
12 - <Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>  
13 - </Tabs> 4 + <div style="margin:20px;width:400px">
  5 + <Tabs type="line" :closable="closable" 3399ff>
  6 + <Tab-pane label="Tab 1">Tab1 content</Tab-pane>
  7 + <Tab-pane label="Tab 2" icon="ionic">Tab2 content</Tab-pane>
  8 + <Tab-pane label="Tab 3" disabled>Tab3 content</Tab-pane>
  9 + <Tab-pane label="Tab 4">Tab4 content</Tab-pane>
  10 + <Tab-pane label="Tab 5">Tab5 content</Tab-pane>
  11 + <Tab-pane label="Tab 6" icon="ionic">Tab6 content</Tab-pane>
  12 + <Tab-pane label="Tab 7" disabled>Tab7 content</Tab-pane>
  13 + <Tab-pane label="Tab 888888888">Tab8 content</Tab-pane>
  14 + </Tabs>
  15 + </div>
14 </template> 16 </template>
15 <script> 17 <script>
16 export default { 18 export default {