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

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

component/item-tenement/item-tenement.js

@@ -34,5 +34,5 @@ export const itemTenement = defineComponent({
         itemHead,
     },
 
-    template: `<div class="item-box item-vote">    <item-head :itemdata="item"></item-head>    <div class="title">{{ item.title }}</div>    <div class="message one-line-display" v-if="item.content">{{ item.content }}</div>    <div class="info flexacenter">        <template v-if="item.time">            <div class="status">进行中</div>            <div class="line"></div>            <div class="num">{{ item?.time.num }}</div>{{ item.time.unit }}后结束        </template>        <div v-else class="status end">已结束</div>        <div class="line"></div>        <div class="num">{{ item?.data?.votes }}</div>人参与    </div>    <div class="list" :class="{ 'voted': !item.time || item.isvote }">        <div class="list-item flexcenter " v-for="(item, index) in item?.data?.option" :key="index">            <div class="list-top flexacenter">                <img v-if="item.selected" class="list-tick" src="/img/vote-tick.svg">                <div v-else class="list-serial flexcenter">{{ index + 1 }}</div>                <div class="list-text one-line-display flex1">{{ item.value }}</div>            </div>            <div class="list-bottom flexacenter">                <div class="list-length" :style="{ width: item.percentage + '%' }"></div>{{ item.count }}            </div>        </div>    </div>    <item-bottom :itemdata="item"></item-bottom></div>`,
+    template: `<div class="item-box item-tenement">    <item-head :itemdata="item"></item-head>    <div class="title">三房找一位室友合租，家具设备齐全</div>    <div class="site-box flexacenter">        <template v-if="item.intermediary == 6">            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">                <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/room.png">                {{ item }}            </div>        </template>        <div v-else class="site-item flexacenter">            <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/orientation.png">            {{ item.location || '九龙 > 尖沙咀/佐敦' }}        </div>    </div>    <div class="price-section flexacenter">        <div class="unit">HK$</div>        <div class="price">{{ item.rent }}</div>        <span class="text">/月</span>        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>    </div>    <div class="picture flexacenter">        <img class="picture-item" v-for="(item, index) in 15" :key="index" src="https://axure-file.lanhuapp.com/md5__34fc6e5f5fef1d31bbd4604d33be77cc.svg" alt="">    </div>    <item-bottom :itemdata="item"></item-bottom></div>`,
 });

component/item-tenement/item-tenement.txt

@@ -1,5 +1,30 @@
 <div class="item-box item-tenement">
     <item-head :itemdata="item"></item-head>
-    <!-- <div class="title">{{ item.title }}</div> -->
+    <div class="title">三房找一位室友合租，家具设备齐全</div>
+
+    <div class="site-box flexacenter">
+        <template v-if="item.intermediary == 6">
+            <div class="site-item flexacenter" v-for="(item, index) in item.location" :key="index">
+                <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/room.png">
+                {{ item }}
+            </div>
+        </template>
+        <div v-else class="site-item flexacenter">
+            <img class="site-icon" src="https://app.gter.net/image/miniApp/offer/orientation.png">
+            {{ item.location || '九龙 > 尖沙咀/佐敦' }}
+        </div>
+    </div>
+
+    <div class="price-section flexacenter">
+        <div class="unit">HK$</div>
+        <div class="price">{{ item.rent }}</div>
+        <span class="text">/月</span>
+        <div class="rentalduration">[ 租期{{ item.rentalduration }} ]</div>
+    </div>
+
+    <div class="picture flexacenter">
+        <img class="picture-item" v-for="(item, index) in 15" :key="index" src="https://axure-file.lanhuapp.com/md5__34fc6e5f5fef1d31bbd4604d33be77cc.svg" alt="">
+    </div>
+
     <item-bottom :itemdata="item"></item-bottom>
 </div>