轮播添加提示

pages/campusList/campusList.vue

@@ -442,12 +442,20 @@ export default {
       this.isShowSwiper = false
     },
     // 轮播下一张图
-    handleNext() {
-      this.swiper.slideNext()
+    handleNext(indexItem) {
+      if (indexItem < this.campusList.length - 1) {
+        this.swiper.slideNext()
+      } else {
+        this.$message('这已经是最后一张图片')
+      }
     },
     // 轮播上一张图
-    handlePrev() {
-      this.swiper.slidePrev()
+    handlePrev(indexItem) {
+      if (indexItem <= 0) {
+        this.$message('这已经是第一张图片')
+      } else {
+        this.swiper.slidePrev()
+      }
     }
   },
   computed: {

pages/campusList/components/TabContent.vue

@@ -44,6 +44,7 @@ export default {
     &.active {
       background: #aa1941;
 
+      border-radius: 8px 8px 8px 8px;
       color: #ffffff;
     }
   }