refactor(components): 重构多个组件并优化公共样式

重构了item-head、item-bottom、item-offer、item-summary和item-tenement组件，优化了props传递和数据处理逻辑
将公共头部和导航样式提取到public.css中，避免重复代码
修复了item-tenement组件中图片显示和数据处理的问题
更新了item-bottom组件的点赞和收藏逻辑，增加错误提示
优化了item-head组件的用户信息显示逻辑
调整了多个组件的样式细节，包括间距、图标大小等

component/head-top/head-top.js

@@ -0,0 +1,23 @@
+// my-component.js
+// 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
+const { defineComponent, ref, onMounted, nextTick } = Vue;
+
+// 定义组件（直接使用模板）
+export const headTop = defineComponent({
+    name: "headTop",
+    props: {
+        itemdata: {
+            type: Object,
+            default: () => {},
+        },
+    },
+
+    setup(props) {
+        onMounted(() => {});
+
+        let signInAlreadyState = ref(false);
+        return { signInAlreadyState };
+    },
+
+    template: `<div class="head-top flexacenter">    <img class="logo" src="https://oss.gter.net/logo" alt="" />    <div class="flex1"></div>    <div class="input-box flexacenter">        <input class="input flex1" type="text" placeholder="大家都在搜：屯特" />        <img class="icon" />    </div>    <div class="sign-in sign-in-already flexcenter" v-if="signInAlreadyState" v-cloak onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')">        <img class="sign-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-icon.png" />        <span>已签到，明天再来</span>    </div>    <div class="sign-in sign-in-no flexacenter" v-else onclick="showWindow('dsu_paulsign', 'https://bbs.gter.net/plugin.php?id=dsu_paulsign:sign&show=sign')" v-cloak>        <img class="sign-in-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-in-bj.svg" />        <img class="coin-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-bj.svg" />        <img class="coin-icon" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/coin-icon.png" />        <span class="text flex1">签到领寄托币</span>        <div class="sign-go flexcenter">            <img class="sign-go-bj" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/sign-go.svg" />            GO        </div>        <img class="petal1" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal1.png" />        <img class="petal2" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal2.png" />        <img class="petal3" src="//framework.x-php.com/gter/image/gter/forum/assets/forum/petal3.png" />    </div></div>`,
+});