28c890cf94
- 调整评论图片容器样式，支持横向滚动 - 为评论图片添加圆角和点击效果 - 实现用户主页跳转和私信功能 - 修复section变量名错误并优化初始化逻辑 - 添加评论点赞和子评论展开功能
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>
|