-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.vue
50 lines (46 loc) · 1.55 KB
/
app.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<template>
<section>
<div class="block">
<b-button label="Set Music" @click="activeTab = 1" />
</div>
<div class="block">
<b-switch v-model="showBooks"> Show Books item </b-switch>
</div>
<b-tabs v-model="activeTab">
<b-tab-item label="Pictures">
Lorem ipsum dolor sit amet.
</b-tab-item>
<b-tab-item label="Music">
Lorem <br>
ipsum <br>
dolor <br>
sit <br>
amet.
</b-tab-item>
<b-tab-item :visible="showBooks" label="Books">
What light is light, if Silvia be not seen? <br>
What joy is joy, if Silvia be not by— <br>
Unless it be to think that she is by <br>
And feed upon the shadow of perfection? <br>
Except I be by Silvia in the night, <br>
There is no music in the nightingale.
</b-tab-item>
<b-tab-item label="Videos" disabled>
Nunc nec velit nec libero vestibulum eleifend.
Curabitur pulvinar congue luctus.
Nullam hendrerit iaculis augue vitae ornare.
Maecenas vehicula pulvinar tellus, id sodales felis lobortis eget.
</b-tab-item>
</b-tabs>
</section>
</template>
<script>
export default {
data() {
return {
activeTab: 0,
showBooks: false
}
}
}
</script>