diff --git a/Yi.App.Vue3/src/assets/icon.jpg b/Yi.App.Vue3/src/assets/icon.jpg
new file mode 100644
index 00000000..57c1f446
Binary files /dev/null and b/Yi.App.Vue3/src/assets/icon.jpg differ
diff --git a/Yi.App.Vue3/src/components/AppUserIcon.vue b/Yi.App.Vue3/src/components/AppUserIcon.vue
index a0ef5340..b4630b00 100644
--- a/Yi.App.Vue3/src/components/AppUserIcon.vue
+++ b/Yi.App.Vue3/src/components/AppUserIcon.vue
@@ -1,35 +1,35 @@
 <template>
-<van-image
-round
-:width="width"
-:height="height"
-:src="url+(src??'0')"
-/>
+  <van-image round :width="width" :height="height" :src="getUrl()" />
 </template>
 
 <script setup lang="ts">
-import { type } from 'os';
-import { ref } from 'vue'
-const props= defineProps({ 
-src: {type:String,default:'null',required:false},
-width:{type:String,default:'3rem',required:false},
-height:{type:String,default:'3rem',required:false}
-})
+const props = defineProps({
+  src: { type: String, default: "null", required: false },
+  width: { type: String, default: "3rem", required: false },
+  height: { type: String, default: "3rem", required: false },
+});
 
 const url = `${import.meta.env.VITE_APP_BASE_API}/file/`;
+const getUrl = () => {
+  const src = props.src;
+  if (src === null || typeof src === "undefined" || src.trim() === "") {
+    return "/src/assets/icon.jpg";
+
+    // 字符串为 null、未定义或为空字符串
+  } else {
+    return url + "src";
+  }
+};
 </script>
 <style scoped>
-.col-body
-{
-text-align: center;
-
+.col-body {
+  text-align: center;
 }
-.col-body .van-icon
-{
-    margin-bottom: 0.6rem;
+.col-body .van-icon {
+  margin-bottom: 0.6rem;
 }
-p{
-font-size: large;
-font-weight:bold;
+p {
+  font-size: large;
+  font-weight: bold;
 }
 </style>