ChatMenu.vue
808 Bytes
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
<template>
<div class="theme--dark py-5 darken-1">
<div>
<v-btn icon large flat slot="activator">
<v-avatar>
<img src="/static/avatar/man_4.jpg" alt="Micahel Wang">
</v-avatar>
</v-btn>
</div>
<v-list class="mini-menu">
<template v-for="item in items">
<!-- Top level -->
<v-list-tile :to="item.to" :key="item.icon" class="py-2 mini-tile my-2" avatar>
<v-icon :color="item.iconColor" class="mini-icon" size="36">{{ item.icon }}</v-icon>
</v-list-tile>
</template>
</v-list>
</div>
</template>
<script>
export default {
props: {
items: {
type: Array,
}
},
};
</script>
<style lang="stylus">
.mini-tile
a.list__tile--active
background:hsla(0,0%,100%,.12)
</style>