dev

frontendNew/src/pages/Dcalc/DnfHelper/bind.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from "vue";
 
-import { GalleryVerticalEnd, Shuffle } from "lucide-vue-next";
+import { GalleryVerticalEnd, Shuffle, Grip } from "lucide-vue-next";
 
 import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
@@ -70,7 +70,7 @@ const onSubmit = async (e: Event) => {
     </form>
     <FieldSeparator class="w-sm self-center">没有助手ID</FieldSeparator>
     <FieldDescription class="px-6 text-center">
-      <Button variant="outline"> 选择职业 </Button>
+      <Button size="sm" variant="outline"> <Grip /> 选择职业 </Button>
     </FieldDescription>
   </div>
 </template>

frontendNew/src/pages/Dcalc/DnfHelper/list.vue

@@ -9,7 +9,7 @@ import {
   CardTitle,
 } from "@/components/ui/card";
 import { useDnfHelperStore } from "@/stores/dnfhelper";
-import { RefreshCcw } from "lucide-vue-next";
+import { RefreshCcw, Grip } from "lucide-vue-next";
 
 const props = defineProps<{
   list: {
@@ -34,14 +34,17 @@ const helperStore = useDnfHelperStore();
       <h1 class="text-lg font-semibold">角色列表</h1>
       <p class="text-sm text-muted-foreground">共 {{ list.length }} 个角色</p>
     </div>
-    <Button
-      variant="outline"
-      size="icon"
-      aria-label="Submit"
-      @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
-    >
-      <RefreshCcw />
-    </Button>
+    <div class="flex gap-4">
+      <Button variant="outline"> <Grip /> 其他职业 </Button>
+      <Button
+        variant="outline"
+        size="icon"
+        aria-label="Submit"
+        @click="helperStore.refleshHelperInfo(helperStore.helperInfo?.id)"
+      >
+        <RefreshCcw />
+      </Button>
+    </div>
   </header>
   <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 p-5 box-border">
     <template v-for="item in list" :key="item.roleId">