feat: app添加默认头像

Yi.App.Vue3/src/components/AppUserIcon.vue

@@ -1,31 +1,31 @@
 <template>
-<van-image
+  <van-image round :width="width" :height="height" :src="getUrl()" />
-round
-:width="width"
-:height="height"
-:src="url+(src??'0')"
-/>
 </template>
 
 <script setup lang="ts">
-import { type } from 'os';
-import { ref } from 'vue'
 const props = defineProps({
-src: {type:String,default:'null',required:false},
+  src: { type: String, default: "null", required: false },
-width:{type:String,default:'3rem',required:false},
+  width: { type: String, default: "3rem", required: false },
-height:{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
+.col-body {
-{
   text-align: center;
-
 }
-.col-body .van-icon
+.col-body .van-icon {
-{
   margin-bottom: 0.6rem;
 }
 p {