c9c34feaf2
style: 调整CSS样式及修复链接样式问题 refactor: 重构item-head和item-bottom组件逻辑 fix: 修复section-index页面导航链接问题 perf: 优化滚动加载及URL参数处理 docs: 更新组件文档及注释 test: 添加组件测试用例 build: 更新依赖配置 chore: 清理无用代码及资源
37 lines
1.8 KiB
Plaintext
37 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="section.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 section" :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> |