Commit 58efc281efa24b5381843a20e55ee4d1aadbddcc
1 parent
7be1069a
update example
Showing
1 changed file
with
13 additions
and
3 deletions
Show diff stats
examples/routers/tabs.vue
| @@ -158,10 +158,20 @@ | @@ -158,10 +158,20 @@ | ||
| 158 | <!--</script>--> | 158 | <!--</script>--> |
| 159 | 159 | ||
| 160 | <template> | 160 | <template> |
| 161 | - <Tabs type="card"> | ||
| 162 | - <TabPane v-for="tab in tabs" :key="tab" :label="'标签' + tab">标签{{ tab }}</TabPane> | 161 | + <div> |
| 162 | + <i-input></i-input> | ||
| 163 | <Button type="ghost" @click="handleTabsAdd" size="small" slot="extra">增加</Button> | 163 | <Button type="ghost" @click="handleTabsAdd" size="small" slot="extra">增加</Button> |
| 164 | - </Tabs> | 164 | + |
| 165 | + <hr style="margin: 10px 0;"> | ||
| 166 | + <Tabs type="card"> | ||
| 167 | + <TabPane v-for="tab in tabs" :key="tab" :label="'Tab' + tab"> | ||
| 168 | + <div> | ||
| 169 | + <h3>Some text...</h3> | ||
| 170 | + <i-button>Some focusable content...{{ tab }}</i-button> | ||
| 171 | + </div> | ||
| 172 | + </TabPane> | ||
| 173 | + </Tabs> | ||
| 174 | + </div> | ||
| 165 | </template> | 175 | </template> |
| 166 | <script> | 176 | <script> |
| 167 | export default { | 177 | export default { |