feat(详情页): 重构详情页头部样式并添加标签展示功能

- 新增精华和推荐图标资源文件
- 修改详情页头部布局，从水平排列改为垂直排列
- 添加标签展示区域，支持分类和标签跳转
- 调整详情区域组件布局，移除部分评论相关功能
- 更新http.js中的开发环境session值
- 添加新的JS脚本引用

pages/details/[id].vue

@@ -6,7 +6,13 @@
     </Head>
     <TopHead ref="topHeadRef"></TopHead>
     <div class="content flexflex" :style="{ '--main-color': colourValue[uniqidIndex]['main'], '--bg-color': colourValue[uniqidIndex]['bg'], '--bc-color': colourValue[uniqidIndex]['bc'] }">
-        <div class="header flexacenter">
+        <div class="header flexflex">
+            <div class="label flexflex" v-if="sectionn?.length || tags?.length || info.recommend == 1 || info.best == 1">
+                <img class="item icon" v-if="info.recommend == 1" src="@/assets/img/recommend-icon.png" />
+                <img class="item icon" v-if="info.best == 1" src="@/assets/img/essence-icon.png" />
+                <a class="item blue" v-for="(item, index) in sectionn" :key="item" :href="'/section/' + item.uniqid" target="_blank">{{ item.name }}</a>
+                <a class="item" v-for="(item, index) in tags" :key="item" :href="'/tag/' + item" target="_blank">{{ item }}</a>
+            </div>
             <span>{{ info.title }}</span>
         </div>
         <div class="left">
@@ -163,7 +169,7 @@
 </template>
 
 <script setup>
-useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=header&menukey=vote" }, { src: "https://app.gter.net/bottom?tpl=footer,popupnotification", body: true }] });
+useHead({ script: [{ src: "https://app.gter.net/bottom?tpl=header&menukey=vote" }, { src: "https://app.gter.net/bottom?tpl=footer,popupnotification", body: true }, { src: "https://app.gter.net/image/gter/commonCom/bi/bi.js" }] });
 
 import { useRoute, useRouter } from "vue-router";
 import { ElMessage } from "element-plus";