yb8.2

src/views/video/components/Comment.vue

@@ -46,6 +46,7 @@ let popData=reactive({
 const handleShowPop=()=>{
     popData.show=true
     popData.select_comment_type=1
+    popData.msg=''
     getComment()
 }
 
@@ -183,8 +184,8 @@ const handleDelMyComment=(item)=>{
             </div>
             <div class="all-commnet-list-wrap">
                 <div class="type-box">
-                    <span :class="popData.select_comment_type==1?'act':''" @click="handleChangeCommentType(1)">全部评论（{{popData.total}}）</span>
-                    <span :class="popData.select_comment_type==2?'act':''" @click="handleChangeCommentType(2)">我的评论（{{popData.myTotal}}）</span>
+                    <span :class="popData.select_comment_type==1?'act':''" @click="handleChangeCommentType(1)">全部评论<span v-if="popData.total>0">（{{popData.total}}）</span></span>
+                    <span :class="popData.select_comment_type==2?'act':''" @click="handleChangeCommentType(2)">我的评论<span v-if="popData.myTotal>0">（{{popData.myTotal}}）</span></span>
                 </div>
                 <ul>
                     <li class="item" v-for="item in popData.list" :key="item.community_question_comment_id">
@@ -195,6 +196,10 @@ const handleDelMyComment=(item)=>{
                         <span class="del-btn" v-if="popData.select_comment_type==2" @click="handleDelMyComment(item)">删除</span>
                     </li>
                 </ul>
+                <div class="empty-box" v-if="popData.list.length==0">
+                    <img :src="$store.state.globalImgUrls.chartEmpty" alt="">
+                    <p>暂无评论</p>
+                </div>
             </div>
         </el-dialog>
     </div>
@@ -294,6 +299,13 @@ const handleDelMyComment=(item)=>{
                 display: block;
             }
         }
+        .empty-box{
+            text-align: center;
+            color: #666;
+            img{
+                width: 200px;
+            }
+        }
     }
 }
 </style>