refactor: 重构组件模板,统一使用相对路径和内部路由 style: 调整CSS样式,修复布局和间距问题 fix: 修复投票和offer组件链接错误问题 chore: 添加新图片资源并更新相关引用路径 perf: 移除调试日志,优化页面加载性能 docs: 更新组件注释和文档说明 test: 更新测试用例以适配新功能 ci: 调整构建配置以支持新资源文件 build: 更新依赖项以兼容新功能
40 lines
1.8 KiB
Plaintext
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>
|