feat: fix issues

frontend/src/views/tabs/HomeView.vue

@@ -17,6 +17,10 @@
         </template>
       </template>
 
+      <template #tag>
+        <template v-if="item.bought">已购买</template>
+      </template>
+
       <template #tags>
         <van-space>
           <van-tag v-for="resource in item.resources" plain type="primary">
@@ -40,6 +44,7 @@ const search = ref("");
 const items = ref([]);
 const loading = ref(false);
 const finished = ref(false);
+const pageLimit = ref(10);
 
 const offset = ref("");
 
@@ -52,33 +57,40 @@ const play = (item) => {
 };
 
 const loadData = () => {
-  loading.value = true;
-  console.log("loadData");
   // request /v1/medias
   const data = {
     offset: offset.value,
     action: 0,
+    limit: pageLimit.value,
   };
+  console.log("loadData, data: ", data);
+
+  loading.value = false;
   request
     .post("/medias", data)
     .then((res) => {
-      console.log(res);
+      loading.value = false;
+
+      console.log("response: ", res);
       if (offset.value == "") {
         items.value = res.data;
       } else {
         items.value = items.value.concat(res.data);
-        if (res.data.length == 0) {
-          finished.value = true;
-        }
+      }
+      offset.value = res.data[res.data.length - 1].hash;
+
+      if (res.data.length < pageLimit.value) {
+        console.log("finished");
+        finished.value = true;
+        loading.value = false;
       }
 
-      offset.value = res.data[res.data.length - 1].hash;
     })
     .catch((err) => {
       console.error(err);
     })
     .finally(() => {
-      loading.value = true;
+      // loading.value = true;
       // finished.value = true;
     });
 };