案例修改

src/views/portal/case/Detail.vue

@@ -131,7 +131,9 @@
                     <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
                     <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
                     <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
+                    <div v-if="item.title">
                     <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                    </div>
                   </el-col>
                   <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
                         <div :title="item.title + '（' + item.authorName+ ')'">
@@ -157,7 +159,9 @@
                     <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
                     <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
                     <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
-                    <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                    <div v-if="item.title">
+                    <span  style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                   </div>
                   </el-col>
                   <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
                     <div :title="item.title + '（' + item.authorName+ ')'">
@@ -408,14 +412,38 @@ export default {
     getPopularity(){
       apiCase.queryPraises(5).then(res=>{
         if(res.status==200){
-          this.Popularity=res.result
+          this.Popularity=res.result;
+           if(res.result.length < 5){
+            for(let i=0;i=(5-res.result.length);i++){
+            this.Popularity.push({
+              authorName:'',
+              count:1,
+              id:'',
+              title:'',
+             })
+          }
+          }
         }
       })
     },
     getPositive(){
       apiCase.queryComments(5).then(res=>{
         if(res.status==200){
-          this.Positive=res.result
+          this.Positive=res.result;
+          if(res.result.length < 5){
+            for(let i=0;i=(5-res.result.length);i++){
+            this.Positive.push({
+              authorName:'',
+              count:1,
+              id:'',
+              title:'',
+             })
+          }
+            
+          }
+          // console.log(this.Positive);
+         
+
         }
       })
     },

src/views/portal/case/Index.vue

@@ -41,7 +41,7 @@
               </el-row>
               <div class="search-div-collapse">
                 <el-row class="search-item">
-                  <el-col :span="24">
+                  <el-col :span="24" >
                     <div style="margin-top:10px; display: flex;">
                       <div style="line-height: 25px;padding-right: 10px;">
                     <span class="item-title" style="padding-right: 5px;">专业分类</span>
@@ -166,7 +166,9 @@
                     <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
                     <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
                     <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
+                    <div v-if="item.title">
                     <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                    </div>
                   </el-col>
                   <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
                         <div :title="item.title + '（' + item.authorName+ ')'">
@@ -192,7 +194,9 @@
                     <img v-if="index===0" :src="`${webBaseUrl}/images/first.png`"/>
                     <img v-if="index===1" :src="`${webBaseUrl}/images/second.png`"/>
                     <img v-if="index===2" :src="`${webBaseUrl}/images/third.png`"/>
+                    <div v-if="item.title">
                     <span style="margin-left: 10px" v-if="index!=2&&index!=0&&index!=1">{{index+1}}</span>
+                    </div>
                   </el-col>
                   <!-- <el-tooltip :enterable="false" @click.native="jumpRouter(item)" effect="light" :content="item.title + '（' + item.authorName+ ')'" placement="bottom" :visible-arrow="false" popper-class="text-tooltip"> -->
                     <div :title="item.title+ '（' + item.authorName+ ')'">
@@ -400,7 +404,7 @@ export default {
         this.searchwd = false;
       }
       if (this.showAll == false) {
-        searchBoxHeght.style.height = 70 + "px";
+        searchBoxHeght.style.height = 40 + "px";
       } else {
         searchBoxHeght.style.height = "auto";
       }
@@ -683,6 +687,17 @@ export default {
       apiCase.queryPraises(5).then(res => {
         if (res.status == 200) {
           this.Popularity = res.result;
+          if(res.result.length < 5){
+            for(let i=0;i=(5-res.result.length);i++){
+            this.Popularity.push({
+              authorName:'',
+              count:1,
+              id:'',
+              title:'',
+             })
+          }
+          }
+
         }
       });
     },
@@ -690,6 +705,17 @@ export default {
       apiCase.queryComments(5).then(res => {
         if (res.status == 200) {
           this.Positive = res.result;
+          if(res.result.length < 5){
+            for(let i=0;i=(5-res.result.length);i++){
+            this.Positive.push({
+              authorName:'',
+              count:1,
+              id:'',
+              title:'',
+             })
+          }
+            
+          }
         }
       });
     },