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.txt

@@ -0,0 +1,26 @@
+<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>