boom

src/Content.svelte

@@ -74,6 +74,23 @@
     List = [...List, ...data];
   }
 
+  function search(args) {
+    let searchInfo = {
+      url: `${$_env}/query.php?action=get&${args}`,
+      params: {
+        method: 'GET',
+        headers: {
+          'Content-Type': 'application/json;charset=UTF-8',
+          'Access-Control-Allow-Origin': true
+        }
+      }
+    };
+    createFetch(searchInfo, data => {
+      console.log(data);
+      showList(data);
+    });
+  }
+
 </script>
 
 <!-- ----------------------------------------------- DOM ----------------------------------------------- -->
@@ -83,9 +100,10 @@
     <Card
       title={item.cn_name}
       sub_title={item.jp_name}
-      cover={$_env + item.folder + '/rpg_info/1.jpg' ?? ''}
+      cover={$_env + '/' + item.folder.substring(2) + '/rpg_info/1.jpg' ?? ''}
       language={categoryList[item.category] || "未知"}
       raw_tags={item.tags}
+      on:search={search(`tags=${(ev)=>{search(ev.detail.tag)}}`)}
     />
   {/each}
   <Card raw_tags="|示例1|示例2|" />

src/components/card.svelte

 <script>
+	import { createEventDispatcher } from 'svelte';
   export let title;
   export let sub_title;
   export let cover;
@@ -10,6 +11,13 @@
 
   //
   let error = false;
+
+	const raiseEvent = createEventDispatcher();
+  function searchByTag(tag) {
+    raiseEvent('search', {
+			tag: tag
+		});
+  }
 </script>
 
 <div class="card w-80 bg-primary text-primary-content shadow-xl">
@@ -41,11 +49,15 @@
     {/if} -->
     <div class="card-actions justify-end">
       {#if !raw_tags || tags.length == 0}
+        <div class="badge badge-outline">暂无标签</div>
         <!-- <div class="badge badge-outline">tag1</div> -->
         <!-- <div class="badge badge-outline">tag2</div> -->
       {:else}
         {#each tags as tag}
-          <div class="badge badge-outline">{tag}</div>
+          <div
+            class="badge badge-outline"
+            on:click={searchByTag(tag)}
+            on:keypress={searchByTag(tag)}>{tag}</div>
         {/each}
       {/if}
     </div>