App.vue 1.3 KB
<template>
  <v-app>
    <v-app-bar app color="#ffffff" elevation="1">
      <v-tabs grow v-model="tab">
        <v-tab @click="$router.push('/')">Home</v-tab>
        <v-tab @click="$router.push('/upload')">Upload</v-tab>
      </v-tabs>
    </v-app-bar>
    <v-content>
      <router-view />
    </v-content>
    <v-footer>
      <v-row justify="center" @click="exDialog = true">
        <v-avatar size="25" tile style="border-radius: 4px">
          <v-img src="./assets/logo.png"></v-img>
        </v-avatar>
        <div>
          <span
            style="margin-left: 2px; font-size: 15px; color: #5a5a5a; font-weight: 400"
          >
            Profit-Hunter
          </span>
          <div
            style="margin-left: 4px; margin-top: -1px; font-size: 10px; color: #888; font-weight: 400"
          >
            Used OpenSource
          </div>
        </div>
      </v-row>
    </v-footer>
  </v-app>
</template>

<script>
export default {
  name: "App",

  data: () => ({
    tab: null,
    search: "",
    exDialog: false
  }),
  mounted() {
    console.log(window.location.href.substring(22));
    if (window.location.href.substring(22) === "") {
      this.tab = 0;
    } else if (window.location.href.substring(22) === "upload") {
      this.tab = 1;
    } else {
      this.tab = null;
    }
  }
};
</script>