diff --git a/src/views/user.vue b/src/views/user.vue
index 1028353..d16091c 100644
--- a/src/views/user.vue
+++ b/src/views/user.vue
@@ -4,7 +4,8 @@
         <div class="info-box flexacenter">
             <div class="info-left flexacenter flex1">
                 <a href="https://bbs.gter.net/account.php?a=avatar" target="_blank">
-                    <img class="info-user-icon" :src="user['avatar'] || store.state.user['avatar'] || require('@/assets/img/publicImage/defaultAvatar.png')">
+                    <img class="info-user-icon"
+                        :src="user['avatar'] || store.state.user['avatar'] || require('@/assets/img/publicImage/defaultAvatar.png')">
                 </a>
 
                 <div class="info-user-box">
@@ -76,8 +77,9 @@
     </div>
 
     <div class="quantity wid1200" v-if="tabState == 'fav'">共收藏 <b>{{ count['fav'] }}</b> 个房源</div>
-    <div class="quantity wid1200" v-else>共 <b>{{ count['publish'] }}</b> 条房源（上架 {{ stat['listing'] }} | 草稿 {{ stat['draft']
-    }} | 下架 {{ stat['offshelf'] }}）</div>
+    <div class="quantity wid1200 flexacenter" v-else>共 <b>{{ count['publish'] }}</b> 条房源（上架 {{ stat['listing'] }} <div
+            class="longString">|</div> 草稿 {{ stat['draft']
+            }} <div class="longString">|</div> 下架 {{ stat['offshelf'] }}）</div>
 
     <div class="list wid1200 flexflex" v-show="tabState == 'fav'" ref="gridContainer">
         <div class="item" v-for="(item, index) in favData['list']" :key="item.id">
@@ -327,6 +329,10 @@ onUnmounted(() => {
 </script>
 
 <style lang="less" scoped>
+* {
+    font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif;
+}
+
 .user-box {
     width: 1200px;
     height: 238px;
@@ -527,6 +533,13 @@ onUnmounted(() => {
 
     b {
         color: #000;
+        margin: 0 4px;
+    }
+
+    .longString {
+        font-weight: 400;
+        color: #D7D7D7;
+        margin: 0 4px;
     }
 }