refactor(components): 重构图片资源引用方式,使用动态路径
将静态图片路径改为从valueUrl动态获取,统一管理图片资源路径 添加新的SVG图标资源 修复BI组件401未授权时的登录跳转逻辑 优化签到组件图片资源路径
This commit is contained in:
@@ -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>`,
|
||||
});
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user