无画作

src/pages/index/index.vue

@@ -28,11 +28,18 @@
         >
       </view>
       <up-list @scrolltolower="scrolltolower" style="height: 1120rpx">
+        <span >
+          <up-image v-if="showNoResultImage" src="../../static/empty.png" width="100px" height="100px" 
+          style="margin-left: 240rpx;margin-top: 200rpx;margin-bottom: 20px;">
+        </up-image>
+        <span  v-if="showNoResultImage" style="font-weight: bold;color: #BABABA;margin-left: 280rpx;margin-top: 20rpx;">暂无画作</span>
+        </span>
         <up-list-item
           class="painting-box"
           v-for="(painting, index) in state.tableData"
           :key="index"
         >
+        
           <span style="display: flex; align-items: center; position: relative">
             <up-image
               :show-loading="true"
@@ -69,6 +76,7 @@
           </span>
         </up-list-item>
       </up-list>
+      
     </view>
   </view>
   <view class="button-container">
@@ -103,6 +111,7 @@ import { closeWebview, hasPermission } from "../../../utils/index";
 
 const { showMessage } = useToast();
 const loading = ref(false);
+const showNoResultImage = ref(false)
 const isButtonDisabled = ref(false);
 const buttonText = ref("确认");
 const state = reactive({
@@ -150,8 +159,10 @@ const paintingList = async (param) => {
         };
       });
       console.log(1111, state.tableData);
+      showNoResultImage.value = false;
     } else {
       state.tableData = [];
+      showNoResultImage.value = true; 
       showMessage({ type: "error", message: "查询失败，暂无画作!" });
     }
   } else {