d4244fc783
重构了item-head、item-bottom、item-offer、item-summary和item-tenement组件，优化了props传递和数据处理逻辑 将公共头部和导航样式提取到public.css中，避免重复代码 修复了item-tenement组件中图片显示和数据处理的问题 更新了item-bottom组件的点赞和收藏逻辑，增加错误提示 优化了item-head组件的用户信息显示逻辑 调整了多个组件的样式细节，包括间距、图标大小等
38 lines
1.8 KiB
Plaintext
38 lines
1.8 KiB
Plaintext
<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" @click.stop="cutShow">
|
|
<img class="icon" src="https://app.gter.net/image/miniApp/offer/dot-dot-dot-gray.png" />
|
|
</div>
|
|
|
|
<div v-if="show">
|
|
<div class="mask" @click.stop="cutShow"></div>
|
|
<div class="operate">
|
|
<div class="item" @click.stop="report">举报</div>
|
|
<template v-if="ismanager">
|
|
<div class="item" @click.stop="hide">{{ item.hidden == 0 ? "隐藏" : "显示" }}</div>
|
|
<div class="item" @click.stop="recommend">{{ item.recommend == 1 ? "取消" : "" }}推荐</div>
|
|
<div class="item" @click.stop="essence">{{ item.best == 1 ? "取消" : "" }}精华</div>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="label flexflex" v-if="sectionn?.length || tags?.length || item.recommend == 1 || item.best == 1">
|
|
<img class="item icon" v-if="item.recommend == 1 && item.best != 1" src="./img/recommend-icon.png" />
|
|
<img class="item icon" v-if="item.best == 1" 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>
|
|
|
|
<report v-if="reportState" :itemdata="item"></report>
|