defaultBg

src/main/nine-space/src/views/Mine.vue

@@ -303,6 +303,10 @@ export default {
         top: 0;
         left: 0;
         z-index: 1;
+        /deep/.van-image__loading {
+            background: linear-gradient(131deg, #fffbb2 0%, #ffd5b7 100%);
+            filter: blur(0px);
+        }
     }
 }
 .userInfo-content {
@@ -371,7 +375,7 @@ export default {
     display: flex;
     align-items: center;
     .van-image {
-        border: 5px solid #fff;
+        border: 5px solid @bg;
         flex-shrink: 0;
     }
 

src/main/nine-space/src/views/creator/Detail.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="mine">
         <div class="userInfo">
-            <van-image width="100%" height="35vw" :src="info.bg" fit="cover" class="top-img" />
+            <van-image width="100%" height="35vw" loading-icon="" :src="info.bg" fit="cover" class="top-img" />
             <div class="userInfo-content">
                 <div class="userInfo-top">
                     <van-image
@@ -192,6 +192,11 @@ export default {
         top: 0;
         left: 0;
         z-index: 1;
+
+        /deep/.van-image__loading {
+            background: linear-gradient(131deg, #fffbb2 0%, #ffd5b7 100%);
+            filter: blur(0px);
+        }
     }
 }
 .userInfo-content {
@@ -255,11 +260,12 @@ export default {
         }
     }
 }
+
 .userInfo-top {
     display: flex;
     align-items: center;
     .van-image {
-        border: 5px solid #fff;
+        border: 5px solid @bg;
         flex-shrink: 0;
     }