A1300399510/PC-Light-Forum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复多个组件样式和功能问题

Browse Source 
修复论坛项图片底部间距问题
调整BI组件z-index值防止遮挡
优化视频海报展示逻辑
限制评论输入框最大高度
修复搜索框占位符显示逻辑
添加分页项样式
移除评论编辑框底部边框
优化BI组件API请求方法
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-11-11 19:05:56 +08:00
parent 5cdbeb249f
commit b26b379341
12 changed files with 108 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
component/item-forum/item-forum.js
View File

@@ -36,5 +36,5 @@ export const itemForum = defineComponent({
itemHead,
},
template: `<div class="item-box item-forum"> <item-head :itemdata="item" :page="page"></item-head> <a v-if="item.title" class="title" :href="item.url" target="_blank">{{ item.title }}</a> <a class="message two-line-display" :href="item.url" target="_blank">{{ item.content }}</a> <a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0 || item.videos?.length != 0"> <img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item.url" alt=""> <div class="picture-videos"> <img class="picture-item" v-for="(item, index) in item.videos" :key="index" :src="item.posterurl" alt=""> <img class="icon-play" src="/img/videoplay.png" alt=""> </div> </a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
template: `<div class="item-box item-forum"> <item-head :itemdata="item" :page="page"></item-head> <a v-if="item.title" class="title" :href="item.url" target="_blank">{{ item.title }}</a> <a class="message two-line-display" :href="item.url" target="_blank">{{ item.content }}</a> <a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0 || item.videos?.length != 0"> <img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item.url" alt=""> <template v-for="(item, index) in item.videos" :key="index"> <div v-if="item.posterurl" class="picture-videos flexacenter"> <img class="picture-item" :src="item.posterurl" alt=""> <img class="icon-play" src="/img/videoplay.png" alt=""> </div> </template> </a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
});

10
component/item-forum/item-forum.txt
View File

@@ -5,10 +5,12 @@
<a class="picture flexacenter" :href="item.url" target="_blank" v-if="item.images?.length != 0 || item.videos?.length != 0">
<img class="picture-item" v-for="(item, index) in item.images" :key="index" :src="item.url" alt="">
<div class="picture-videos">
<img class="picture-item" v-for="(item, index) in item.videos" :key="index" :src="item.posterurl" alt="">
<img class="icon-play" src="/img/videoplay.png" alt="">
</div>
<template v-for="(item, index) in item.videos" :key="index">
<div v-if="item.posterurl" class="picture-videos flexacenter">
<img class="picture-item" :src="item.posterurl" alt="">
<img class="icon-play" src="/img/videoplay.png" alt="">
</div>
</template>
</a>
<item-bottom :itemdata="item" :page="page"></item-bottom>