feat: 新增图片资源及组件功能优化

style: 调整CSS样式及修复链接样式问题

refactor: 重构item-head和item-bottom组件逻辑

fix: 修复section-index页面导航链接问题

perf: 优化滚动加载及URL参数处理

docs: 更新组件文档及注释

test: 添加组件测试用例

build: 更新依赖配置

chore: 清理无用代码及资源

component/item-bottom/item-bottom.txt

@@ -3,16 +3,14 @@
     <div class="text one-line-display">{{ item?.commentreviews?.content }}</div>
 </div>
 <div class="bottom flexacenter">
-    <div class="bottom-item like flexacenter" @click="likeClick(item)">
-        <image wx:if="{{ item.is_like }}" class="icon" mode="widthFix" src="https://app.gter.net/image/miniApp/offer/like-red.png"></image>
-
+    <div class="bottom-item like flexacenter" @click="likeClick()">
         <img v-if="item.is_like" class="icon" src="./img/like-red-icon.png" />
         <img v-else class="icon" src="./img/like-icon.png" />
-        
         <div class="text">{{ item.likes || "赞" }}</div>
     </div>
-    <div class="bottom-item like flexacenter">
-        <img class="icon" src="./img/collect-golden.svg" />
+    <div class="bottom-item flexacenter" @click="collectClick()">
+        <img v-if="item.is_collect" class="icon" src="./img/collect-golden.svg" />
+        <img v-else class="icon" src="./img/collect-gray.png" />
         <div class="text">{{ item.collections || "收藏" }}</div>
     </div>
     <div class="bottom-item  flexacenter">
@@ -29,4 +27,6 @@
         <img class="icon" src="./img/share-gray.png" />
         <div class="text">转发</div>
     </div>
-</div>
+</div>
+
+<like v-if="isLikeGif"></like>