课程案例

src/views/portal/case/Index.vue

@@ -111,7 +111,10 @@
               <div class="pagination-div">
                 <span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
                 <span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
-                <span class="pag-text-msg" v-else-if="moreState == 3 && !isSeach">没有更多数据了</span>
+                <span class="notcoures" v-else-if="moreState == 3 && !isSeach">
+                   <img src="../../../../public/images/nocase.png" alt="">
+                  <h5>暂无案例，请优先学习其它案例吧～</h5>
+                  </span>
                 <span class="pag-text-msg" v-else-if="isSeach">没有查询到相关内容</span>
               </div>
               <div v-if="isSeach" style="height:382px">
@@ -716,6 +719,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.notcoures{
+  text-align: center;
+  img{
+    width: 360px;
+    height: 226px;
+  }
+  h5{
+    font-size: 14px;
+    color: #333333;
+    font-weight: 400;
+  }
+}
 .orgaicon{
   width: 22px;
   height: 22px;

src/views/portal/course/Index.vue

@@ -112,7 +112,10 @@
           <div class="pagination-div">
             <span class="pag-text" @click="loadMore()" v-if="moreState == 1 && courseList.length>=course.pageSize">加载更多</span>
             <span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
-            <span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span>
+            <span class="notcoures" v-else-if="moreState == 3">
+              <img src="../../../../public/images/nocouresimg.png" alt="">
+              <h5>暂无课程，请优先学习其它课程吧～</h5>
+            </span>
           </div>
         </div>
         <div class="xcontent2-minor">
@@ -858,6 +861,18 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.notcoures{
+  text-align: center;
+  img{
+    width: 360px;
+    height: 226px;
+  }
+  h5{
+    font-size: 14px;
+    color: #333333;
+    font-weight: 400;
+  }
+}
 
   .course-type-left {
         position: absolute;