feat: 添加点赞动画效果及更新点赞图标

- 在details.css和details.less中添加点赞动画效果
- 更新Item.vue组件中的点赞图标为like-red-pitch.png
- 在index.html/index.vue中添加点赞动画组件Like
- 更新http.js中的测试session token

pages/index.html/index.vue

@@ -23,6 +23,8 @@
     <div class="right-returnTop" v-if="returnTopState" @click="returnTop()">
         <img src="@/assets/img/returnTop-icon.png" style="width: 24px; height: 24px" />
     </div>
+
+    <Like v-if="isLikeGif"></Like>
 </template>
 
 <script setup>
@@ -119,6 +121,8 @@ let user = inject("userInfo");
 let openAttest = inject("openAttest");
 const realname = inject("realname");
 
+let isLikeGif = ref(false);
+
 const handleLike = (token) => {
     if (realname.value == 0 && user.value.uin > 0) {
         openAttest();
@@ -133,15 +137,24 @@ const handleLike = (token) => {
     operateLikeHttp({ token }).then((res) => {
         if (res.code != 200) return;
         let data = res.data;
+        const status = data["status"];
 
         list.value.forEach((element) => {
             if (element["token"] == token) {
-                element["islike"] = data["status"];
+                element["islike"] = status;
                 element["likenum"] = data["count"];
             }
         });
 
         ElMessage.success(res.message);
+
+        if (status) {
+            isLikeGif.value = false;
+            nextTick(() => {
+                isLikeGif.value = true;
+                setTimeout(() => (isLikeGif.value = false), 2000);
+            });
+        }
     });
 };