UI细节调整

src/components/Avatar.vue

@@ -21,15 +21,10 @@ defineProps({
     default: 45,
   },
   borderColor: {
-    type: Number,
-    default: 0,
+    type: String,
+    default: "",
   },
 });
-const borderColors = {
-  0: "#fff",
-  1: "#64BAFF",
-  2: "#FF6767",
-};
 </script>
 
 <template>
@@ -70,7 +65,7 @@ const borderColors = {
         width: size + 'px',
         height: size + 'px',
         minHeight: size + 'px',
-        borderColor: borderColors[borderColor],
+        borderColor: borderColor || '#fff',
       }"
       class="avatar-image"
     />