Browse Source

feat: 参标样式修复

zhangyuhan 1 năm trước cách đây
mục cha
commit
1f3f3ac95b

+ 16 - 2
apps/bigmember_pc/src/views/article-content/components/ContentHeader.vue

@@ -161,12 +161,16 @@ const InWhichContainer = window.parent !== window ? 'in-app' : 'in-web'
           placement="bottom-end"
           v-if="canShowJoinBidTip"
         >
-          <div slot="content" style="max-width: 200px">
+          <div
+            slot="content"
+            style="max-width: 200px"
+            v-if="JoinBidInfo.userName"
+          >
             {{ JoinBidInfo.userName.replace(/,/g, '、') }}
           </div>
           <div class="ent-features">
             <span class="iconfont icon-ren"></span>
-            参标人:{{ JoinBidInfo.nameStr }}
+            <div class="join-users">参标人:{{ JoinBidInfo.nameStr }}</div>
           </div>
         </el-tooltip>
         <div class="count-down-time" v-if="bidCountdown">
@@ -216,6 +220,16 @@ const InWhichContainer = window.parent !== window ? 'in-app' : 'in-web'
   padding: 32px 40px;
   border-radius: 8px;
 
+  .ent-features {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  .join-users {
+    margin-left: 4px;
+    font-size: 14px;
+  }
+
   .favorite-tags .grey-text {
     color: #686868;
   }