chenhaodong / 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 115 &-mini &-tab {
116 116 margin-right: 0;
117 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 1 <template>
2 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 16 </template>
15 17 <script>
16 18 export default {
... ...