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

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

component/item-head/item-head.js

@@ -1,22 +1,32 @@
 // my-component.js
 // 引入全局 Vue 对象（因在 HTML 中通过 script 引入，Vue 已挂载到 window）
-const { defineComponent } = Vue;
+const { defineComponent, ref } = Vue;
 
 // 定义组件（直接使用模板）
 export const itemHead = defineComponent({
     name: "item-head",
     props: {
-        title: {
-            type: String,
-            default: "默认标题",
-        },
-    },
-    // 方法
-    methods: {
-        handleClick() {
-            alert("组件按钮被点击");
+        itemdata: {
+            type: Object,
+            default: () => {},
         },
     },
 
-    template: `<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>    <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>    <div class="btn flexcenter" @click="cutShow">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />    </div>    <!-- <template v-if="show">                        <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>                        <div class="operate" catch:tap="true">                            <div class="item" bind:tap="report">举报</div>                            <template v-if="ismanager">                                <div class="item" bind:tap="hide">{{ item.hidden == 0 ? '隐藏' : '显示' }}</div>                                <div class="item" bind:tap="recommend">{{ item.recommend == 1 ? '取消' : '' }}推荐</div>                                <div class="item" bind:tap="essence">{{ item.best == 1 ? '取消' : '' }}精华</div>                            </template>                        </div>                    </template> --></div>  `,
+    setup(props) {
+        let sectionn = ref([]);
+        let tags = ref([]);
+        let item = ref({ ...props.itemdata });
+
+        let timestamp = ref(strtimeago(item.value.release_at, 4));
+
+        if (item.value.type == "tenement") timestamp = timeago(item.value.updatetime, 2);
+        sectionn.value = item.value.sectionn || [];
+
+        const sectionSet = new Set(sectionn.value);
+        tags.value = item.value.tags.filter((tag) => !sectionSet.has(tag));
+
+        return { item, timestamp, sectionn, tags };
+    },
+
+    template: `<div class="item-head flexacenter">    <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">{{ item.views }}</div>    </div>    <div class="btn flexcenter">        <img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />    </div>    <!-- <template v-if="show">                        <div class="mask" catch:tap="cutShow" catch:touchmove="touchmove"></div>                        <div class="operate" catch:tap="true">                            <div class="item" bind:tap="report">举报</div>                            <template v-if="ismanager">                                <div class="item" bind:tap="hide">{{ item.hidden == 0 ? '隐藏' : '显示' }}</div>                                <div class="item" bind:tap="recommend">{{ item.recommend == 1 ? '取消' : '' }}推荐</div>                                <div class="item" bind:tap="essence">{{ item.best == 1 ? '取消' : '' }}精华</div>                            </template>                        </div>                    </template> --></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>`,
 });