feat: 重构卡片参数传递.

src/Content.svelte

@@ -302,21 +302,6 @@
     List = [...List, ...data];
   }
 
-  /**获取封面图
-   * @param folder 文件夹路径
-   */
-  function getCover(folder) {
-    // FIXME: 隐患 -> 可能是 1.png 1.webpage 之类的...
-    return $_env + '/' + folder.substring(2) + '/rpg_info/1.jpg';
-  }
-
-  /**获取 info.json
-   * @param folder 文件夹路径
-   */
-  function getFolder(folder) {
-    return $_env + '/' + folder.substring(2);
-  }
-
   /**计算定时时间戳举例现在的时长(单位为小时)*/
   export function calcTimerExpiredHours() {
     const now = new Date().getTime();
@@ -454,18 +439,8 @@
     <!-- <Card raw_tags="|示例1|示例2|" /> -->
     <!-- <Card raw_tags="|示例1|示例2|" /> -->
 
-    {#each List as item}
-      <Card
-        title={item.cn_name}
-        sub_title={item.jp_name}
-        cover={getCover(item.folder)}
-        folder={getFolder(item.folder)}
-        category={item.category}
-        language={$_category[item.category - 1].category_name}
-        raw_tags={item.tags}
-        p_searchTag={searchTag}
-        p_searchCategory={searchCategory}
-      />
+    {#each List as info}
+      <Card {info} p_searchTag={searchTag} p_searchCategory={searchCategory} />
     {/each}
   </div>
 {/if}

src/components/card.svelte

 <script>
   import { toast } from '@zerodevx/svelte-toast';
-  import { _detailPics, _detailWindow, _tagTrans, _config } from '../stores';
-
-  /**父属性: 主标题*/
-  export let title;
-  /**父属性: 副标题*/
-  export let sub_title;
-  /**父属性: 封面图片链接*/
-  export let cover;
-  /**父属性: 路径*/
-  export let folder;
-  /**父属性: 语言分类*/
-  export let category;
-  /**父属性: 语言分类文本*/
-  export let language;
-  /**父属性: TAG文本*/
-  export let raw_tags = '';
+  import { _env, _category, _detailPics, _detailWindow, _tagTrans, _config } from '../stores';
+
+  /**父属性: 所有信息*/
+  export let info;
+
+  /**主标题*/
+  const title = info.cn_name;
+  /**副标题*/
+  const sub_title = info.jp_name;
+  /**路径*/
+  const folder = $_env + '/' + info.folder.substring(2);
+  /**封面图片链接*/
+  let cover = folder + '/rpg_info/1.jpg';
+  /**语言分类*/
+  const category = info.category;
+  /**语言分类文本*/
+  const language = $_category[info.category - 1].category_name;
+  /**TAG文本*/
+  const raw_tags = info.tags ?? '';
 
   /**父方法: 搜索 tag*/
   export let p_searchTag;
@@ -31,6 +34,9 @@
     tags = raw_tags.slice(1, raw_tags.length - 1).split('|');
   }
 
+  /**获取翻译过的 Tag
+   * @param {string} tag
+   */
   function getTransTag(tag) {
     const res = $_tagTrans.filter(trans => trans.jp_tag_name == tag);
     // if (res) console.log(res[0]);