fix:样式文件加载失败排查

This commit is contained in:
李想 2025-04-12 16:35:35 +08:00
parent ea72722b6e
commit e5b802c515
11 changed files with 24 additions and 23 deletions

View File

@ -1,6 +1,6 @@
<template>
<div class="c-custom-img-warp">
<el-image :src="isMontage ? getAssetsFile(imgUrl) : imgUrl" :fit="fit" />
<el-image :src="isMontage ? (getAssetsFile(imgUrl)?.href ?? '') : imgUrl" :fit="fit" />
<div v-if="isViewVal" class="viewer-btn-warp">
<div class="viewer-btn" @click="toPreview">点击查看</div>
</div>
@ -53,6 +53,7 @@ watch(
imgUrl.value = props.url;
isViewVal.value = props.isView;
srcList = props.previewList;
console.log('getAssetsFile', getAssetsFile(imgUrl));
},
{
immediate: true,

View File

@ -26,7 +26,7 @@
<div class="layout-header-bottom-left">
<div class="layout-header-bottom-search">
<div class="title">
<img :src="getAssetsFile('images/logo.png')" />
<img :src="getAssetsFile('images/logo.png')?.href ?? ''" />
</div>
<div class="search-warp">
<el-input v-model="keyword" placeholder="请输入关键词进行搜索"></el-input>

View File

@ -143,7 +143,7 @@
<span>7</span>
</el-descriptions-item>
</el-descriptions>
<el-image :src="getAssetsFile('images/ecommerce/' + 'goods.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'goods.png')?.href ?? ''" fit="cover" />
</div>
<div v-if="tabVal == 'sourceCode'" class="content-source-code">
<div class="code-warp">

View File

@ -8,8 +8,8 @@
</div>
</template>
<script setup>
import { ref, reactive, onMounted, watch, computed } from 'vue';
import { isEmpty, getAssetsFile } from '@/utils';
import { ref, watch, computed } from 'vue';
import { getAssetsFile } from '@/utils';
import costomImg from '@/components/costomImg.vue';
const props = defineProps({
@ -36,14 +36,14 @@ const props = defineProps({
});
let nameVal = ref(props.name);
let list = reactive(props.imglist);
let list = ref([]);
let srcList = computed(() => {
let list = [];
list = props.imglist.map((m) => {
return getAssetsFile(m);
let _list = [];
_list = props.imglist.map((m) => {
return getAssetsFile(m)?.href ?? '';
});
return list;
return _list;
});
let isViewVal = ref(props.isView);
@ -52,7 +52,7 @@ watch(
() => (props.list, props.imglist, props.isView),
() => {
nameVal.value = props.name;
list = props.imglist;
list.value = props.imglist;
isViewVal.value = props.isView;
},
{

View File

@ -45,7 +45,7 @@
<div class="evaluate-item-top">
<div class="user-info">
<div class="info-img">
<el-image :src="getAssetsFile('images/ecommerce/' + 'goods.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'goods.png')?.href ?? ''" fit="cover" />
</div>
<div class="info-txt">
<div class="info-txt-pos">
@ -65,7 +65,7 @@
<div class="content-img">
<template v-for="(m, indexm) in 2" :key="indexm">
<div class="img-item">
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? ''" fit="cover" />
</div>
</template>
</div>

View File

@ -1,7 +1,7 @@
<template>
<div class="c-goods-item-warp" @click="toDetail">
<div class="goods-img">
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? ''" fit="cover" />
</div>
<div class="goods-name txt-ellipsis clamp2">{{ '遇合堂新款禽泰克家禽通用药250遇合堂新款禽泰克家禽通用药250' }}</div>
<div class="goods-do">

View File

@ -1,7 +1,7 @@
<template>
<div class="c-land-item-warp" @click="toDetail">
<div class="land-img">
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? ''" fit="cover" />
</div>
<div class="land-info">
<div class="land-info-pos">

View File

@ -3,7 +3,7 @@
<div class="left-menu">
<view v-for="(n, index) in leftMenu" :key="index" class="left-menu-item" :class="currentIndex == index ? 'active' : ''" @click="toLink(index)">
<div class="item-img">
<img :src="getAssetsFile('images/ecommerce/' + n.icon)" />
<img :src="getAssetsFile('images/ecommerce/' + n.icon)?.href ?? ''" />
</div>
<span class="item-title">{{ n.title }}</span>
</view>

View File

@ -12,7 +12,7 @@
<el-col :span="16">
<div class="purchaser-info-l">
<div class="img">
<el-image :src="getAssetsFile('images/ecommerce/' + 'test01.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'test01.png')?.href ?? ''" fit="cover" />
</div>
<div class="content">
<div class="title-warp">

View File

@ -10,16 +10,16 @@
<div class="current-title">溯源详情</div>
</div>
<div class="top-img-txt">
<el-image :src="getAssetsFile('images/ecommerce/' + 'tracetxt.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'tracetxt.png')?.href ?? ''" fit="cover" />
</div>
<div class="top-bottom-warp">
<div v-for="(b, indexb) in bottomList" :key="indexb" class="top-bottom-item">
<div class="bottom-item-img">
<el-image :src="getAssetsFile('images/ecommerce/' + b.img)" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + b.img)?.href ?? ''" fit="cover" />
</div>
</div>
</div>
<el-image :src="getAssetsFile('images/ecommerce/' + 'traceb.png')" fit="cover" />
<el-image :src="getAssetsFile('images/ecommerce/' + 'traceb.png')?.href ?? ''" fit="cover" />
</div>
<div class="tab-content-warp">
<el-tabs v-model="activeCurrent" class="demo-tabs">
@ -164,7 +164,7 @@
<!-- <el-image :src="getAssetsFile('images/ecommerce/' + 'pic.png')" fit="none" /> -->
<costomImg
:url="'images/ecommerce/' + 'pic.png'"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? '']"
:is-view="true"
></costomImg>
<span class="img-tips">溯源证书</span>

View File

@ -24,7 +24,7 @@
<div class="shop-img">
<costomImg
:url="'images/ecommerce/' + 'pic.png'"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? '']"
:is-view="false"
></costomImg>
</div>
@ -41,7 +41,7 @@
<div class="good-img" @click="toCheckGood(index, indexg)">
<costomImg
:url="'images/ecommerce/' + 'pic.png'"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')]"
:preview-list="[getAssetsFile('images/ecommerce/' + 'pic.png')?.href ?? '']"
:is-view="false"
></costomImg>
</div>