添加排位相框

src/components/Avatar.vue

@@ -4,6 +4,10 @@ defineProps({
     type: String,
     default: "",
   },
+  frameSrc: {
+    type: String,
+    default: "",
+  },
   onClick: {
     type: Function,
     default: () => {},
@@ -30,8 +34,8 @@ defineProps({
 <template>
   <view class="avatar" @click="onClick">
     <image
-      v-if="frame"
-      src="../static/avatar-frame.png"
+      v-if="frameSrc || frame"
+      :src="frameSrc || '../static/avatar-frame.png'"
       mode="widthFix"
       :style="{
         width: Number(size) + 10 + 'px',

src/components/UserHeader.vue

@@ -51,9 +51,9 @@ watch(
 
 <template>
   <view class="container" :style="{ width: containerWidth }">
-    <block v-if="user.id"
-      ><Avatar
-        :frame="true"
+    <block v-if="user.id">
+      <Avatar
+        :frameSrc="user.lvlImage"
         :src="user.avatar"
         :onClick="toUserPage"
         :size="42"

src/store.js

@@ -59,18 +59,22 @@ export default defineStore("store", {
       }
       const rankInfos = this.config.randInfos || [];
       let lvlName = "";
+      let lvlImage = "";
       if (this.user.scores) {
         rankInfos.some((r, index) => {
           lvlName = rankInfos[index].name;
+          lvlImage = rankInfos[index].icoin;
           if (r.upgrade_scores > this.user.scores) {
             if (rankInfos[index - 1]) {
               lvlName = rankInfos[index - 1].name;
+              lvlImage = rankInfos[index - 1].icoin;
             }
             return true;
           }
           return false;
         });
         this.user.lvlName = lvlName;
+        this.user.lvlImage = lvlImage;
       }
     },
     updateDevice(deviceId, deviceName) {
@@ -81,18 +85,21 @@ export default defineStore("store", {
       this.config = config;
       const rankInfos = config.randInfos || [];
       let lvlName = "";
+      let lvlImage = "";
       if (this.user.scores) {
         rankInfos.some((r, index) => {
           lvlName = rankInfos[index].name;
           if (r.upgrade_scores > this.user.scores) {
             if (rankInfos[index - 1]) {
               lvlName = rankInfos[index - 1].name;
+              lvlImage = rankInfos[index - 1].icoin;
             }
             return true;
           }
           return false;
         });
         this.user.lvlName = lvlName;
+        this.user.lvlImage = lvlImage;
       }
     },
   },