9fc59aa6
 梁灏
update Tabs
|
4
5
6
7
8
9
10
11
12
13
14
15
|
<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>
|
|
17f52abf
梁灏
update Tabs
|
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
</template>
<script>
export default {
props: {
},
data () {
return {
closable: true
}
},
computed: {
},
methods: {
toggleClose () {
this.closable = !this.closable;
}
}
}
</script>
|
