uni.showToast弹窗

src/pages/goods_list/goods_list.vue

@@ -2,7 +2,7 @@
   <view class="goods_list">
     <!-- 1.搜索栏 -->
     <ygSearch></ygSearch>
-    
+
     <!-- 2. tabs栏 -->
     <view class="tabs">
       <u-tabs :list="tabs" :current="tabsCurrent" inactive-color="#666" active-color="#eb4450" @change="onTapsChange"></u-tabs>
@@ -86,6 +86,11 @@ export default {
     // 判断有没有下一页
     if(Params.pagenum >= TotalPage){
       console.log("没有下一页数据了")
+      uni.showToast({
+        title: "没有更多数据了",
+        icon:"none",
+        mask: true,
+      })
     }else{
       console.log("翻页")
       Params.pagenum++
@@ -112,32 +117,32 @@ export default {
 </script>
 
 <style lang="scss">
-.composite {
-  .composite_item {
-    display: flex;
-    padding: 10rpx 0;
-    .goods_img {
-      flex: 1;
+  .composite {
+    .composite_item {
       display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    .goods_info {
-      flex: 2;
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      .goods_name {
-        font-size: 30rpx;
-        color: #333;
+      padding: 10rpx 0;
+      .goods_img {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        justify-content: center;
       }
 
-      .goods_price {
-        font-size: 30rpx;
-        color: #eb4450;
+      .goods_info {
+        flex: 2;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        .goods_name {
+          font-size: 30rpx;
+          color: #333;
+        }
+
+        .goods_price {
+          font-size: 30rpx;
+          color: #eb4450;
+        }
       }
     }
   }
-}
 </style>