dev

frontend/src/pages/Character/Skill/components/SkillTree/index.tsx

@@ -101,7 +101,7 @@ export default defineComponent({
             <div
               class={[
                 'w-36px absolute h-48px flex flex-col box-border items-center py-3px z-2',
-                (skill.learnLv == 100 && skill.bind) ? '' : 'skill',
+                skill.learnLv == 100 && skill.bind ? '' : 'skill',
               ]}
               onClick={(e) => {
                 e.stopPropagation()

frontend/src/pages/Character/Skill/components/SkillTree/style.scss

@@ -10,25 +10,26 @@
 }
 
 .passive {
-  filter: grayscale(100%) invert(3%) sepia(14%) saturate(874%) hue-rotate(65deg) brightness(105%) contrast(102%);
+  filter: grayscale(100%) invert(3%) sepia(14%) saturate(874%) hue-rotate(65deg) brightness(105%)
+    contrast(102%);
 }
 
-.skill{
+.skill {
   background-image: url('./img/skill.png');
   background-size: 100% 100%;
 }
 
-.skill-active{
+.skill-active {
   background-image: url('./img/skillActive.png');
   background-size: 100% 100%;
 }
 
-.awake_50{
+.awake_50 {
   background-image: url('./img/awake_50.png');
   background-size: 100% 100%;
 }
 
-.awake_85{
+.awake_85 {
   background-image: url('./img/awake_85.png');
   background-size: 100% 100%;
 }

frontend/src/pages/Character/Skill/index.vue

@@ -1,12 +1,15 @@
 <template>
   <div>
     <div class="h-90vh w-auto overflow-y-auto overflow-x-hidden">
-      <SkillTree :skills="infoStore.skills" v-model:lvInfo="configStore.config.skills" v-model:bindAwake="configStore.config.bindAwake"></SkillTree>
+      <SkillTree
+        :skills="infoStore.skills"
+        v-model:lvInfo="configStore.config.skills"
+        v-model:bindAwake="configStore.config.bindAwake"
+      ></SkillTree>
     </div>
   </div>
 </template>
 
-
 <script lang="ts" setup name="Index">
 import { useInfoStore } from '@/stores/info'
 import SkillTree from './components/SkillTree/index'