.

.env.development

@@ -1,4 +1,4 @@
-VUE_APP_BASE_URL=https://test.raex.vip/
+VUE_APP_BASE_URL=https://www.raex.vip/
 NODE_ENV=development
 VUE_APP_PUBLIC_PATH=/
 ASSETS_PATH=raex

src/views/creator/Detail.vue

@@ -33,17 +33,17 @@
                         :src="info.avatar || require('@assets/svgs/img_default_photo.svg')"
                         fit="cover"
                     />
-                    <img class="rank-icon" :src="rankInfo.img1" v-if="rankInfo.img1" alt="" />
+                    <!-- <img class="rank-icon" :src="rankInfo.img1" v-if="rankInfo.img1" alt="" /> -->
 
                     <div class="text">
                         <div class="text1">
                             <span class="van-ellipsis">{{ info.nickname }}</span>
                             <img v-if="info.authStatus === 'SUCCESS'" src="@assets/renzheng_icon_pre.png" alt="" />
                         </div>
-                        <div class="text2">
-                            <!-- <span>用户ID:{{ info.id }}</span>
-                            <img @click="copy" src="@assets/svgs/copy_icon.svg" alt="" /> -->
-                        </div>
+                        <!--<div class="text2">
+                          <span>用户ID:{{ info.id }}</span>
+                            <img @click="copy" src="@assets/svgs/copy_icon.svg" alt="" /> 
+                        </div>-->
                     </div>
                 </div>
 
@@ -147,7 +147,11 @@
                 <show-info v-if="isShowType" v-model:info="list[index]" list></show-info>
                 <product-info v-else v-model:info="list[index]"></product-info>
             </template>
-            <van-empty v-if="empty" :image="require('@assets/empty_img_asset.png')" description="没有任何收藏品哦~" />
+            <van-empty
+                v-if="empty"
+                :image="require('@assets/empty_img_asset_dark.png')"
+                description="没有任何收藏品哦~"
+            />
         </van-list>
     </van-pull-refresh>
 </template>
@@ -363,6 +367,10 @@ export default {
 /deep/.van-tab {
     margin-right: 26px !important;
 }
+@bg: #272b2e;
+@bg2: #373b3e;
+@bg3: #272b2e;
+@text0: #fff;
 .mine {
     background-color: @bg3;
 }
@@ -400,7 +408,10 @@ export default {
     padding: 0 16px;
     z-index: 2;
     position: relative;
-    transform: translateY(-14px);
+    // transform: translateY(-14px);
+    background-color: @bg2;
+    margin: 0 16px;
+    .flex-col();
     .sub {
         font-size: 12px;
         color: @text3;
@@ -415,7 +426,7 @@ export default {
 
     .sub-right > div {
         font-size: 12px;
-        color: @text0;
+        color: @text3;
         line-height: 17px;
         text-decoration: underline;
     }
@@ -474,18 +485,24 @@ export default {
 }
 
 .userInfo-top {
-    display: flex;
-    align-items: flex-end;
+    .flex-col();
+    align-items: center;
     position: relative;
     transform: translateX(-5px);
+    padding-top: 45px;
     .van-image {
-        border: 5px solid @bg;
+        border: 2px solid #fff;
         flex-shrink: 0;
         background-color: #fff;
+        // transform: translateY(-50%);
 
         &.rank {
             border-color: transparent;
         }
+        position: absolute;
+        left: 50%;
+        top: 0;
+        transform: translate(-50%, -50%);
     }
 
     .rank-icon {
@@ -499,8 +516,10 @@ export default {
     }
 
     .text {
-        margin: 0 40px 0 12px;
+        // margin: 0 40px 0 12px;
         overflow: hidden;
+        .flex-col();
+        align-items: center;
         .text1 {
             font-size: @font3;
             font-weight: bold;