dev

frontend/src/pages/Character/Equipment/Index.vue

@@ -1,13 +1,25 @@
 <template>
     <div class="flex flex-col mx-10px">
-      <calc-collapse title="武器">
+      <calc-collapse title="武器/称号/宠物">
         <Weapon></Weapon>
       </calc-collapse>
-      <calc-collapse title="套装">
-        <Suit></Suit>
+      <calc-collapse title="套装/通宝">
+        <calc-tabs v-model="equTab" class="!mb-2">
+          <calc-tab :value="0">套装</calc-tab>
+          <calc-tab :value="1">通宝</calc-tab>
+        </calc-tabs>
+        <Suit v-show="equTab === 0"></Suit>
+        <Universal v-show="equTab === 1"></Universal>
       </calc-collapse>
-      <calc-collapse title="通宝">
-        <Universal></Universal>
+      <calc-collapse title="融合石">
+        <calc-tabs v-model="stoneTab" class="!mb-2">
+          <calc-tab :value="0">套装</calc-tab>
+          <calc-tab :value="1">通宝</calc-tab>
+          <calc-tab :value="2">其他</calc-tab>
+        </calc-tabs>
+        <Stone v-show="stoneTab == 0"></Stone>
+        <StoneUniversal v-show="stoneTab == 1"></StoneUniversal>
+        <StoneOld v-show="stoneTab == 2"></StoneOld>
       </calc-collapse>
     </div>
 </template>
@@ -17,10 +29,16 @@ import { useInfoStore } from '@/stores/info'
 import { getImageURL } from '@/utils/images'
 import Suit from './components/Suit.vue'
 import Weapon from './components/Weapon.vue'
+import Stone from './components/Stone.vue'
 import Universal from './components/Universal.vue'
+import StoneUniversal from './components/StoneUniversal.vue'
+import StoneOld from './components/StoneOld.vue'
 import { useConfigStore } from '@/stores'
-const props = defineProps<{
-  alter: string
-}>()
+
+const equTab = ref(0)
+const stoneTab = ref(0)
+
 
 </script>
+
+