✨ 添加 postID 信息

src/components/gachaRecord/gro-history.vue

@@ -13,8 +13,12 @@
         class="gro-pools"
       >
         <div v-for="pool in item.value" :key="pool.order" class="gro-pool">
-          <!-- todo hover 效果 -->
+          <img
-          <img :src="pool.banner" alt="banner" />
+            :src="pool.banner"
+            class="gro-banner"
+            alt="banner"
+            @click="createPost(pool.postId)"
+          />
           <div class="gro-pool-info">
             <div class="gro-pi-title">
               <span>{{ pool.name }}</span>
@@ -51,6 +55,7 @@ import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
 import { AppGachaData, AppCharacterData, AppWeaponData } from "../../data";
+import { createPost } from "../../utils/TGWindow";
 import { timestampToDate } from "../../utils/toolFunc";
 import showConfirm from "../func/confirm";
 import showSnackbar from "../func/snackbar";
@@ -227,9 +232,17 @@ function getBox(id: number): TItemBoxData {
   column-gap: 10px;
 }
 
-.gro-pool img {
+.gro-banner {
   width: 50vw;
   border-radius: 10px;
+  cursor: pointer;
+  transition: 0.5s ease-in-out;
+}
+
+.gro-banner:hover {
+  box-shadow: 0 0 10px 5px var(--box-bg-2);
+  scale: 0.95;
+  transition: 0.5s ease-in-out;
 }
 
 .gro-pool-info {

src/types/App/Gacha.d.ts

@@ -42,6 +42,7 @@ declare namespace TGApp.App.Gacha {
    * @property {string} from 卡池开始时间 yyyy-MM-ddTHH:mm:ss+08:00
    * @property {string} to 卡池结束时间 yyyy-MM-ddTHH:mm:ss+08:00
    * @property {WishType} type 卡池类型
+   * @property {string} postId 卡池帖子ID
    * @property {number[]} up5List up五星
    * @property {number[]} up4List up四星
    * @return PoolItem
@@ -54,6 +55,7 @@ declare namespace TGApp.App.Gacha {
     from: string;
     to: string;
     type: WishType;
+    postId: string;
     up5List: number[];
     up4List: number[];
   }

src/utils/TGWindow.ts

@@ -5,7 +5,7 @@
  */
 
 import { invoke, window as TauriWindow } from "@tauri-apps/api";
-import type { WindowOptions } from "@tauri-apps/api/types/window";
+import type { WindowOptions } from "@tauri-apps/api/window";
 
 import TGLogger from "./TGLogger";