filer/frontend/src/components/Navbar.vue

51 lines
1.4 KiB
Vue

<template>
<div class="navbar bg-base-100">
<div class="navbar-start">
<div class="dropdown">
<label tabindex="0" class="btn btn-ghost btn-circle">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M4 6h16M4 12h16M4 18h7"
/>
</svg>
</label>
<ul
tabindex="0"
class="menu menu-sm dropdown-content mt-3 z-[1] p-2 shadow bg-base-100 rounded-box w-52"
>
<li>
<RouterLink :to="{ name: 'setting' }">设置</RouterLink>
</li>
<li>
<RouterLink :to="{ name: 'upyun' }">又拍云存储</RouterLink>
</li>
</ul>
</div>
</div>
<div class="navbar-center">
<a class="btn btn-ghost normal-case text-xl">Filer</a>
</div>
<div class="navbar-end">
<BackspaceIcon class="btn btn-ghost btn-circle h-8 w-8 mr-2" @click="quit" />
</div>
</div>
</template>
<script setup lang="ts">
import { BackspaceIcon } from '@heroicons/vue/24/solid'
import { Quit } from '@/../wailsjs/go/controller/Storage'
const quit = () => {
Quit()
}
</script>