:add 圣遗物分类

src/components/Header/index.vue

@@ -45,62 +45,42 @@ const ThemeChange = (val: string | number | boolean) => {
 <template>
   <header class="antialiased bg-white Male text-slate-500 dark:text-slate-400 dark:bg-slate-900">
     <div
-      class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b lg:border-slate-900/10 dark:border-slate-50/[0.06] bg-white/95 supports-backdrop-blur:bg-white/60 dark:bg-transparent"
+      class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b lg:border-slate-900/10 dark:border-slate-50/[0.06] bg-white/95 supports-backdrop-blur:bg-white/60 dark:bg-transparent">
-    >
       <div class="mx-auto max-w-8xl">
-        <div
+        <div class="px-4 py-4 border-b border-slate-900/10 lg:px-8 lg:border-0 dark:border-slate-300/10">
-          class="px-4 py-4 border-b border-slate-900/10 lg:px-8 lg:border-0 dark:border-slate-300/10"
-        >
           <div class="relative flex items-center text-2xl sm:text-2xl font-blimone">
-            <router-link
+            <router-link to="/" class="mr-3 flex-none w-[2.0625rem] md:w-auto leading-6 dark:text-slate-200">
-              to="/"
+              GrasscutterTools</router-link>
-              class="mr-3 flex-none w-[2.0625rem] md:w-auto leading-6 dark:text-slate-200"
-            >GrasscutterTools</router-link>
             <div class="relative items-center hidden ml-auto lg:flex">
               <nav class="text-sm font-semibold leading-6 text-slate-700 dark:text-slate-200">
                 <ul class="flex space-x-8">
                   <li>
-                    <router-link
+                    <a href="https://www.grasscutter.cf/" target="_bank"
-                      to="/"
+                      class="block ml-6 text-slate-400 hover:text-slate-500 dark:hover:text-slate-300">
-                      class="hover:text-sky-500 dark:hover:text-sky-400"
+                      Grasscutter-docs-zh_CN
-                    >GithubDemo</router-link>
+                    </a>
                   </li>
                   <li>
-                    <router-link
+
-                      to="/"
+                    <router-link to="/" class="hover:text-sky-500 dark:hover:text-sky-400">Login</router-link>
-                      class="hover:text-sky-500 dark:hover:text-sky-400"
-                    >Login</router-link>
                   </li>
                 </ul>
               </nav>
-              <div
+              <div class="flex items-center pl-6 ml-6 border-l border-slate-200 dark:border-slate-800">
-                class="flex items-center pl-6 ml-6 border-l border-slate-200 dark:border-slate-800"
+                <a-tooltip :content="
-              >
-                <a-tooltip
-                  :content="
                   theme === 'light'
                     ? '设置暗黑主题'
                     : '设置明亮主题'
-                  "
+                ">
-                >
+                  <a-button size="mini" class="nav-btn" type="outline" :shape="'circle'" @click="toggleTheme">
-                  <a-button
-                    size="mini"
-                    class="nav-btn"
-                    type="outline"
-                    :shape="'circle'"
-                    @click="toggleTheme"
-                  >
                     <template #icon>
                       <icon-moon-fill v-if="theme === 'dark'" />
                       <icon-sun-fill v-else />
                     </template>
                   </a-button>
                 </a-tooltip>
-                <a
+                <a href="https://github.com/wmn1525/grasscutterTools" target="_bank"
-                  href="https://github.com/wmn1525/grasscutterTools"
+                  class="block ml-6 text-slate-400 hover:text-slate-500 dark:hover:text-slate-300">
-                  target="_bank"
-                  class="block ml-6 text-slate-400 hover:text-slate-500 dark:hover:text-slate-300"
-                >
                   <SvgIcon name="svg-github" size="small" color="#999999" />
                 </a>
               </div>
@@ -117,19 +97,24 @@ const ThemeChange = (val: string | number | boolean) => {
   color: #334155;
   font-size: 0.875em;
   font-variant-ligatures: none;
+
   code {
     color: #0f172a;
     font-family: Fira Code VF, ui-monospace, SFMono-Regular, Menlo, Monaco,
       Consolas, Liberation Mono, Courier New, monospace;
+
     &::before {
       content: "`";
     }
+
     &::after {
       content: "`";
     }
   }
+
   &.dark\:prose-dark {
     color: #94a3b8;
+
     code {
       color: #e2e8f0;
     }

src/pages/start/components/holyrelic.vue

@@ -82,7 +82,7 @@ function copyvalue() {
       <div class="text-slate-900 dark:text-slate-100">
         圣遗物:
       </div>
-      <n-select v-model:value="holyrelicnamevalue" filterable placeholder="选择圣遗物" :options="options" />
+      <n-cascader v-model:value="holyrelicnamevalue" filterable placeholder="选择圣遗物" :options="options"  check-strategy="child"/>
     </div>
 
     <div class="commuse-item">