detail footer icon

@@ -6,8 +6,8 @@
         <WidgetLottie ref="lottie" class="praise-lottie-wrap" :options="lottieOptions"></WidgetLottie>
       </div>
     </i>
-    <p class="icon-btn-text" :style="textStyle">
-      <span v-if="viewText" class="view-text">{{viewText}}</span>
+    <p v-if="viewText" class="icon-btn-text" :style="textStyle">
+      <span class="view-text">{{viewText}}</span>
       <span class="placeholder-text">{{placText}}</span>
     </p>
   </div>
@@ -162,8 +162,8 @@ export default {
       return text;
     },
     placText() {
-      if (!isNaN(Number(this.text))) {
-        return fill(Array(`${this.text}`.length), 0).join('');
+      if (!isNaN(Number(this.text)) && this.viewText.length) {
+        return fill(Array(this.viewText.length), 0).join('');
       } else {
         return `${this.text}`;
       }
@@ -328,8 +328,6 @@ export default {
     line-height: 1;
     vertical-align: middle;
     position: relative;
-    white-space: nowrap;
-    text-overflow: ellipsis;
 
     > * {
       display: inline-block;

@@ -3,15 +3,9 @@
     <div class="footer-wrapper-content">
       <slot name="before"></slot>
       <div class="tool-bar">
-        <div class="tool-icon">
-          <WidgetIconBtn ref="favIcon" class="item" type="fav" :pos-id="sceneId" :text="praiseCount" :articleId="articleId" :option="optionPraise" :share="share"></WidgetIconBtn>
-        </div>
-        <div class="tool-icon">
-          <WidgetIconBtn class="item" type="star" :pos-id="sceneId" :text="favoriteCount" :articleId="articleId" :option="optionFav" :share="share"></WidgetIconBtn>
-        </div>
-        <div class="tool-icon">
-          <WidgetIconBtn class="item" type="msg" :text="commentCount" :option="optionComment" :share="share" @click="onComment"></WidgetIconBtn>
-        </div>
+        <WidgetIconBtn ref="favIcon" class="item" type="fav" :pos-id="sceneId" :text="praiseCount" :articleId="articleId" :option="optionPraise" :share="share"></WidgetIconBtn>
+        <WidgetIconBtn class="item" type="star" :pos-id="sceneId" :text="favoriteCount" :articleId="articleId" :option="optionFav" :share="share"></WidgetIconBtn>
+        <WidgetIconBtn class="item" type="msg" :text="commentCount" :option="optionComment" :share="share" @click="onComment"></WidgetIconBtn>
       </div>
       <slot name="after">
         <div class="close ml20" @click="onClose">收起</div>
@@ -100,19 +94,11 @@ export default {
 .tool-bar {
   flex: 1;
   display: flex;
-  align-items: stretch;
+  align-items: center;
   justify-content: space-around;
 
-  .tool-icon {
+  /deep/ .icon-btn-text {
     width: 0;
-    height: 100%;
-    display: flex;
-    align-items: center;
-
-    .item {
-      position: absolute;
-      transform: translate3d(-50%, 0px, 0px);
-    }
   }
 }
 

 {
   "name": "yoho-community-web",
-  "version": "6.9.6-6",
+  "version": "6.9.6-7",
   "private": true,
   "description": "A New Yohobuy Project With Express",
   "repository": {