/
Header.vue
32 lines (30 loc) 路 969 Bytes
/
Header.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
<template>
<v-toolbar absolute flat clipped-left app class="white">
<a :href="`/`"><v-btn flat color="primary">Satellites</v-btn></a>
<v-spacer></v-spacer>
<v-toolbar-items>
<v-btn v-if="this.$store.state.address" flat color="primary" to="/mypage">
MyPage
</v-btn>
<v-menu offset-y>
<template v-slot:activator="{ on }">
<v-btn flat color="primary" v-on="on">
Market
</v-btn>
</template>
<v-list>
<v-list-tile v-for="token in this.$config.tokens" :key="token.contract">
<a :href="`/market?address=${token.contract}`"
><v-btn flat color="primary">{{ token.name }}</v-btn></a
>
</v-list-tile>
</v-list>
</v-menu>
</v-toolbar-items>
</v-toolbar>
</template>
<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
@Component
export default class Header extends Vue {}
</script>