更新属性显示

src/tool/formatter.ts

@@ -1,4 +1,7 @@
 export const formartNum = (num) => {
+  if (num > 100000000) {
+    return (num / 1000000).toFixed(1) + 'm';
+  }
   if (num > 100000) {
     return (num / 1000).toFixed(1) + 'k';
   }

src/views/backpack/player.vue

@@ -12,7 +12,7 @@
             <div class="value">
                 <div>{{ state.rebornPoints.count }}</div>
                 <div> {{ state.playerAttribute.lv }} </div>
-                <div v-for="attr in attrs" :key="attr">{{ attribute[attr] }}{{ attr_unitys[attr] }} </div>
+                <div v-for="attr in attrs" :key="attr">{{ formartNum(attribute[attr]) }}{{ attr_unitys[attr] }} </div>
                 <div> {{ coins }} </div>
             </div>
         </div>
@@ -33,6 +33,7 @@ import { reactive, onMounted, ref, computed } from "vue";
 import { useI18n } from "vue3-i18n";
 import { EquipIcon } from "@/components"
 import { attr_unitys, playerImg2 } from "@/config";
+import { formartNum } from "@/tool";
 
 const { t } = useI18n();
 const { state, commit, dispatch } = useStore();
@@ -54,14 +55,7 @@ const attribute = computed(() => {
 
 const attrs = ['dps', 'atk', 'crit', 'critDmg', 'hp', 'def', 'bloc'];
 const coins = computed(() => {
-    const coins = state.playerAttribute.coins;
-    if (coins > 100000000) {
-        return (coins / 1000000).toFixed(1) + 'm';
-    }
-    if (coins > 100000) {
-        return (coins / 1000).toFixed(1) + 'k';
-    }
-    return coins;
+    return formartNum(state.playerAttribute.coins);
 })
 
 onMounted(() => { });

src/views/message/attribute.vue

@@ -32,7 +32,7 @@
             <div class="item">
                 <img :src="attr_icon_urls.hp">
                 <span class="value">
-                    {{ formartNum(attribute.curHp) }}/{{ (attribute.hp) }}
+                    {{ formartNum(attribute.curHp) }}/{{ formartNum(attribute.hp) }}
                 </span>
             </div>
         </Tooltip>