feat: home page optimize

src/components/menu/NavBar.vue

@@ -0,0 +1,49 @@
+<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>