48 lines
837 B
JavaScript
48 lines
837 B
JavaScript
var tabComponent = {
|
|
template: `
|
|
|
|
<v-tabs
|
|
centered
|
|
color="cyan"
|
|
dark
|
|
icons-and-text
|
|
>
|
|
<v-tabs-slider color="yellow"></v-tabs-slider>
|
|
|
|
<v-tab href="#tab-1">
|
|
Recents
|
|
<v-icon>phone</v-icon>
|
|
</v-tab>
|
|
|
|
<v-tab href="#tab-2">
|
|
Favorites
|
|
<v-icon>favorite</v-icon>
|
|
</v-tab>
|
|
|
|
<v-tab href="#tab-3">
|
|
Nearby
|
|
<v-icon>account_box</v-icon>
|
|
</v-tab>
|
|
|
|
<v-tab-item
|
|
v-for="i in 3"
|
|
:key="i"
|
|
:value="'tab-' + i"
|
|
>
|
|
<v-card flat>
|
|
<v-card-text>{{ text }}</v-card-text>
|
|
</v-card>
|
|
</v-tab-item>
|
|
</v-tabs>
|
|
|
|
`,
|
|
data: function() {
|
|
return {
|
|
drawer: false
|
|
};
|
|
},
|
|
methods: {}
|
|
};
|
|
|
|
export { tabComponent };
|