fix:声望默认图片

Author: fifthThirteen

src/assets/img/reputation/reputation-null.png

@@ -1,8 +1,7 @@
 <template>
     <div class="m-pvx-reputation-item" @click="go(item.dwForceID)" v-if="!item.bHide">
         <div class="u-pvx-reputation-icon">
-            <img v-if="getReputationIcon(item.szIconPath)" :src="getReputationIcon(item.szIconPath)" />
-            <div v-else class="u-pvx-reputation-no-img"></div>
+            <img :src="getReputationIcon(item.szIconPath)" @error="replaceByDefault" />
         </div>
         <div class="m-pvx-reputation-name">
             <div class="u-pvx-reputation-name">{{ item.szName }}</div>
@@ -14,7 +13,7 @@
 </template>
 
 <script>
-import { getReputationIcon } from "@/utils/reputation";
+import { DEFAULT_REPUTATION_ICON, getReputationIcon } from "@/utils/reputation";
 
 export default {
     name: "ReputationItem",
@@ -26,6 +25,9 @@ export default {
     },
     methods: {
         getReputationIcon,
+        replaceByDefault(e) {
+            e.target.src = DEFAULT_REPUTATION_ICON;
+        },
         go(id) {
             window.open(`/reputation/${id}`, "_self");
         },

src/components/reputation/ReputationItem.vue

@@ -1,29 +1,30 @@
 import { __imgPath } from "@/utils/config";
 import paths from "@/assets/data/reputation_exchange_path.json";
 import levelList from "@/assets/data/reputation_level.json";
+import defaultReputationIcon from "@/assets/img/reputation/reputation-null.png";
 
 export const LOST_RESPECT_UNAVAILABLE = "无法使用遗失的尊敬来提高该声望等级进度";
+export const DEFAULT_REPUTATION_ICON = defaultReputationIcon;
 
-export function getReputationIcon(iconPath, type = "icon") {
+function getIconName(iconPath) {
     const rPath = iconPath ? iconPath.replace(/\//g, "\\") : "";
-    const iconName = rPath
-        ? rPath.split("\\")[rPath.split("\\").length - 1].toLowerCase().split(".tga")[0]
-        : "";
+    return rPath ? rPath.split("\\")[rPath.split("\\").length - 1].toLowerCase().split(".tga")[0] : "";
+}
+
+export function getReputationIcon(iconPath, type = "icon") {
+    const iconName = getIconName(iconPath);
     if (iconName) {
         return __imgPath + "reputation/reputation/std/" + type + "/" + iconName + ".png";
     }
-    return "";
+    return DEFAULT_REPUTATION_ICON;
 }
 
 export function getBotIcon(iconPath) {
-    const rPath = iconPath ? iconPath.replace(/\//g, "\\") : "";
-    const iconName = rPath
-        ? rPath.split("\\")[rPath.split("\\").length - 1].toLowerCase().split(".tga")[0]
-        : "";
+    const iconName = getIconName(iconPath);
     if (iconName) {
         return __imgPath + "reputation/reputation/std/icon/" + iconName + ".png";
     }
-    return "";
+    return DEFAULT_REPUTATION_ICON;
 }
 
 export function getReputationPath(name) {

src/utils/reputation.js

@@ -16,7 +16,12 @@
     </div>
     <div class="m-pvx-reputation-robot-info m-pvx__item">
         <div class="u-reputation-logo">
-            <img v-if="getBotIcon(reputation.szIconPath)" width="28" :src="getBotIcon(reputation.szIconPath)" />
+            <img
+                v-if="getBotIcon(reputation.szIconPath)"
+                width="28"
+                :src="getBotIcon(reputation.szIconPath)"
+                @error="replaceReputationIconByDefault"
+            />
         </div>
         <div class="u-intro" v-html="reputation.szDesc"></div>
     </div>
@@ -75,7 +80,13 @@
 <script>
 import PvxUser from "@/components/PvxUser.vue";
 import ItemIcon from "@/components/common/item_icon.vue";
-import { getReputationIcon, getBotIcon, getReputationPath, LOST_RESPECT_UNAVAILABLE } from "@/utils/reputation";
+import {
+    DEFAULT_REPUTATION_ICON,
+    getReputationIcon,
+    getBotIcon,
+    getReputationPath,
+    LOST_RESPECT_UNAVAILABLE,
+} from "@/utils/reputation";
 
 export default {
     name: "SingleRobot",
@@ -106,6 +117,9 @@ export default {
     methods: {
         getReputationIcon,
         getBotIcon,
+        replaceReputationIconByDefault(e) {
+            e.target.src = DEFAULT_REPUTATION_ICON;
+        },
         replaceByDefault(e) {
             e.target.src = require("@/assets/img/reputation/sw-null.jpg");
         },