50 lines
1.4 KiB
Vue
50 lines
1.4 KiB
Vue
|
<script setup lang="ts">
|
||
|
|
import ChangeLanguageDropdownButton from "@/components/button/ChangeLanguageDropdownButton.vue";
|
||
|
|
import ChangeThemeDropdownButton from "@/components/button/ChangeThemeDropdownButton.vue";
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="navbar bg-base-200 shadow-sm">
|
||
|
|
<div class="navbar-start">
|
||
|
|
<div class="dropdown">
|
||
|
|
<div tabindex="0" role="button" class="btn btn-ghost lg:hidden">
|
||
|
|
<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 12h8m-8 6h16"
|
||
|
|
/>
|
||
|
|
</svg>
|
||
|
|
</div>
|
||
|
|
<ul
|
||
|
|
tabindex="-1"
|
||
|
|
class="menu dropdown-content bg-base-100 rounded-box z-1 mt-5 w-52 p-2 shadow"
|
||
|
|
>
|
||
|
|
<li><a>首页</a></li>
|
||
|
|
<li><a>关于</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<a class="btn btn-ghost text-xl">daisyUI</a>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-center hidden lg:flex">
|
||
|
|
<ul class="menu menu-horizontal px-1">
|
||
|
|
<li><a>首页</a></li>
|
||
|
|
<li><a>关于</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="navbar-end">
|
||
|
|
<ChangeThemeDropdownButton />
|
||
|
|
<ChangeLanguageDropdownButton />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style scoped></style>
|