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%;
 }