refactor(components): 重构图片资源引用方式,使用动态路径

将静态图片路径改为从valueUrl动态获取,统一管理图片资源路径
添加新的SVG图标资源
修复BI组件401未授权时的登录跳转逻辑
优化签到组件图片资源路径
This commit is contained in:
DESKTOP-RQ919RC\Pc
2025-12-08 19:09:04 +08:00
parent 003b5992a5
commit 6ce06b133a
29 changed files with 268 additions and 187 deletions

View File

@@ -31,7 +31,11 @@ export const itemForum = defineComponent({
item.value["url"] = "/details/" + item.value.uniqid;
return { item };
let valueUrl = ref("");
const valueA = document.querySelector(".valueA");
valueUrl.value = valueA.innerText;
return { valueUrl, item };
},
components: {
@@ -39,5 +43,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=""> <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>`,
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="valueUrl + '/img/videoplay.png'" alt=""> </div> </template> </a> <item-bottom :itemdata="item" :page="page"></item-bottom></div>`,
});

View File

@@ -8,7 +8,7 @@
<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="">
<img class="icon-play" :src="valueUrl + '/img/videoplay.png'" alt="">
</div>
</template>
</a>