Files
PC-Light-Forum/component/latest-list/latest-list.txt
DESKTOP-RQ919RC\Pc 671732d277 feat: 更新组件样式和功能,优化路由链接和用户体验
refactor: 重构组件模板,统一使用相对路径和内部路由

style: 调整CSS样式,修复布局和间距问题

fix: 修复投票和offer组件链接错误问题

chore: 添加新图片资源并更新相关引用路径

perf: 移除调试日志,优化页面加载性能

docs: 更新组件注释和文档说明

test: 更新测试用例以适配新功能

ci: 调整构建配置以支持新资源文件

build: 更新依赖项以兼容新功能
2025-11-03 19:20:55 +08:00

40 lines
1.8 KiB
Plaintext

<div class="posts-box box-newest " :class="['boxtype-' + boxtype]">
<div v-if="boxtype == 'newest'" class="box-newest-head flexacenter">
<img class="icon" src="/img/newest-icon.png" alt="" />
最新
</div>
<div v-else-if="boxtype == 'essence'" class="box-newest-head flexacenter">
<img class="icon" src="/img/essence.png" alt="" />
精华阅读
</div>
<div v-else class="slideshow-box">
<div class="tab-list flexacenter">
<div class="tab-item newest" :class="{'pitch': postsTab == 'newest'}" @click="tabPostsItem('newest')">最新</div>
<div class="tab-item essence" :class="{'pitch': postsTab == 'essence'}" @click="tabPostsItem('essence')">精华</div>
</div>
</div>
<div class="slideshow-content flexflex">
<!-- newest 最新 -->
<div class="newest-side-box side-box">
<img class="bounding" src="/img/bounding-circle-green.svg" alt="" />
<div class="box">
<a v-for="(item, index) in latestList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">
<div class="dot dot-green"></div>
<div class="text one-line-display">{{ item.title }}</div>
</a>
</div>
</div>
<!-- essence 精选 -->
<div class="essence-side-box side-box">
<img class="bounding" src="/img/bounding-circle-blue.svg" alt="" />
<div class="box">
<a v-for="(item, index) in topList" :key="index" class="item flexacenter vuehide" :href="'/details/' + item.uniqid" target="_blank">
<div class="dot"></div>
<div class="text one-line-display">{{ item.title }}</div>
</a>
</div>
</div>
</div>
</div>