feat: 新增详情页和个人主页功能及组件优化

- 添加详情页(details.html)和个人主页(homepage-me.html)的完整功能实现
- 新增多个图片资源用于UI展示
- 优化item-head、item-bottom等组件的数据绑定和交互逻辑
- 添加公共工具函数(public.js)包括时间处理和网络请求
- 完善CSS样式文件，增加响应式布局和交互效果
- 实现用户信息展示、帖子详情、相关帖子推荐等功能模块
- 添加签到、投币等交互功能
- 优化组件模板结构和数据传递方式

component/item-head/item-head.txt

@@ -1,16 +1,16 @@
 <div class="item-head flexacenter">
-    <img class="avatar" src="https://nas.gter.net:9008/avatar/97K4EWIMLrsbGTWXslC1UltTF6WOikN42jDKLNjtax7Hc44zLpaKSdU9oWFhY2E~/small" />
-    <div class="name">小P学姐</div>
-    <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" />
-    <div class="time">2025-8-11 01:30</div>
+    <img class="avatar" :src="item.user.avatar || item.avatar" />
+    <div class="name">{{ item.user.nickname || item.nickname || '匿名用户' }}</div>
+    <!-- <img class="group" src="https://o.x-php.com/Zvt57TuJSUvkyhw-xG7Y2l-c_ZMtdXfqqsgFptxhcq_cQnrlcPJ0DVESBq_D-81qNDQyOQ~~" /> -->
+    <div class="time">{{ timestamp }}</div>
     <div class="flex1"></div>
 
     <div class="view flexacenter">
         <img class="icon" src="https://app.gter.net/image/miniApp/offer/eye-icon.svg" />
-        <div class="text">3016</div>
+        <div class="text">{{ item.views }}</div>
     </div>
 
-    <div class="btn flexcenter" @click="cutShow">
+    <div class="btn flexcenter">
         <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
     </div>
 
@@ -25,4 +25,11 @@
                             </template>
                         </div>
                     </template> -->
-</div>  
+</div>
+
+<div class="label flexflex" v-if="sectionn.length || tags.length">
+    <img class="item icon" src="./img/recommend-icon.png" />
+    <img class="item icon" src="./img/essence-icon.png" />
+    <div class="item blue" v-for="(item, index) in sectionn" :key="item">{{ item }}</div>
+    <div class="item" v-for="(item, index) in tags" :key="item">{{ item }}</div>
+</div>