feat: 增加空内容页面

src/pages/course/learn/index.vue

 <template>
-  <div class="main-container">
-    <course-item v-for="item in courseList" :data="item" :key="item.course_id"></course-item>
+  <div class="main-container" v-show="loaded">
+    <template v-if="list.length">
+      <course-item v-for="item in list" :data="item" :key="item.course_id" />
+    </template>
+    <van-empty description="暂无内容" v-else />
   </div>
 </template>
 
@@ -16,14 +19,20 @@ export default {
   },
   data() {
     return {
-      courseList: []
+      loaded: false,
+      list: []
     }
   },
   methods: {
     getCourseList() {
-      api.getCourseList().then(response => {
-        this.courseList = response
-      })
+      api
+        .getCourseList()
+        .then(response => {
+          this.list = response
+        })
+        .finally(() => {
+          this.loaded = true
+        })
     }
   },
   beforeMount() {

src/pages/my/alarm/index.vue

 <template>
-  <div class="list">
-    <alarm-item
-      v-for="item in list"
-      :data="item"
-      :key="item.id"
-      @click-edit="onUpdate"
-      @update="refersh"
-    ></alarm-item>
+  <div class="main-container" v-show="loaded">
+    <template v-if="list.length">
+      <alarm-item
+        v-for="item in list"
+        :data="item"
+        :key="item.id"
+        @click-edit="onUpdate"
+        @update="refersh"
+      ></alarm-item>
+    </template>
+    <van-empty description="暂无内容" v-else />
     <div class="add-button">
       <div class="inner" @click="popupVisible = true"></div>
     </div>
@@ -41,6 +44,7 @@ export default {
   },
   data() {
     return {
+      loaded: false,
       list: [],
       popupVisible: false,
       isUpdate: false,
@@ -57,9 +61,14 @@ export default {
     },
     // 获取提醒列表
     getAlarmList() {
-      api.getAlarmList().then(response => {
-        this.list = response
-      })
+      api
+        .getAlarmList()
+        .then(response => {
+          this.list = response
+        })
+        .finally(() => {
+          this.loaded = true
+        })
     },
     refersh() {
       this.getAlarmList()
@@ -86,9 +95,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.list {
+.main-container {
   padding: 20px 0;
-  margin: 0 20px;
 }
 .add-button {
   height: 64px;

src/pages/my/buyCourses.vue

 <template>
-  <div class="main-container">
-    <ul>
-      <li class="order-item" v-for="(item, index) in order" :key="index">
+  <div class="main-container" v-show="loaded">
+    <ul v-if="list.length">
+      <li class="order-item" v-for="(item, index) in list" :key="index">
         <div class="order-info">
           <div class="no-c"></div>
           <img :src="item.product_image" />
@@ -22,6 +22,7 @@
         </div>
       </li>
     </ul>
+    <van-empty description="暂无内容" v-else />
   </div>
 </template>
 <script>
@@ -32,7 +33,8 @@ export default {
   },
   data() {
     return {
-      order: [],
+      loaded: false,
+      list: [],
       orderTime: null,
       goFlag: true
     }
@@ -72,11 +74,16 @@ export default {
       }
     },
     getMyOrder() {
-      api.getMyOrder().then(res => {
-        if (res.code === 0) {
-          this.order = res.data.orders
-        }
-      })
+      api
+        .getMyOrder()
+        .then(res => {
+          if (res.code === 0) {
+            this.list = res.data.orders
+          }
+        })
+        .finally(() => {
+          this.loaded = true
+        })
     },
     goBuy(data) {
       if (this.goFlag) {
@@ -98,8 +105,8 @@ export default {
 </script>
 <style lang="scss" scoped>
 .main-container {
-  ul{
-    padding-top: .4rem;
+  ul {
+    padding-top: 0.4rem;
     padding-bottom: env(safe-area-inset-bottom);
   }
   .order-item {
@@ -107,7 +114,7 @@ export default {
   }
   .order-info {
     position: relative;
-    .no-c{
+    .no-c {
       position: absolute;
       top: 0;
       left: 0;
@@ -144,16 +151,16 @@ export default {
       margin-left: auto;
       font-weight: bold;
     }
-    .invo{
-      font-size: .3rem;
+    .invo {
+      font-size: 0.3rem;
       margin-left: auto;
     }
     .col {
       color: #ff6767;
       font-size: 0.3rem;
     }
-    .mar{
-      margin-left: .3rem;
+    .mar {
+      margin-left: 0.3rem;
     }
   }
 }

src/pages/my/learn/components/buyCourseList.vue

@@ -6,9 +6,7 @@
         <div class="progress">{{item.video_progress | progressText}}</div>
       </li>
     </ul>
-    <template v-else>
-      <slot name="empty"></slot>
-    </template>
+    <van-empty description="暂无内容" v-else />
   </div>
 </template>
 <script>
@@ -34,10 +32,14 @@ export default {
   },
   methods: {
     getList() {
-      api.getCourseList().then(response => {
-        this.loaded = true
-        this.list = response
-      })
+      api
+        .getCourseList()
+        .then(response => {
+          this.list = response
+        })
+        .finally(() => {
+          this.loaded = true
+        })
     },
     onClick(data) {
       if (this.isWeapp) {

src/pages/my/learn/components/freeCourseList.vue

@@ -9,9 +9,7 @@
         <div class="progress">{{item.video_progress | progressText}}</div>
       </li>
     </ul>
-    <template v-else>
-      <slot name="empty"></slot>
-    </template>
+    <van-empty description="暂无内容" v-else />
   </div>
 </template>
 <script>
@@ -37,10 +35,14 @@ export default {
   },
   methods: {
     getList() {
-      api.getFreeCourseList().then(response => {
-        this.loaded = true
-        this.list = response
-      })
+      api
+        .getFreeCourseList()
+        .then(response => {
+          this.list = response
+        })
+        .finally(() => {
+          this.loaded = true
+        })
     },
     onClick(data) {
       if (this.isWeapp) {