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

View File

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

View File

@ -143,7 +143,7 @@
<span>7</span> <span>7</span>
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </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>
<div v-if="tabVal == 'sourceCode'" class="content-source-code"> <div v-if="tabVal == 'sourceCode'" class="content-source-code">
<div class="code-warp"> <div class="code-warp">

View File

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

View File

@ -45,7 +45,7 @@
<div class="evaluate-item-top"> <div class="evaluate-item-top">
<div class="user-info"> <div class="user-info">
<div class="info-img"> <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>
<div class="info-txt"> <div class="info-txt">
<div class="info-txt-pos"> <div class="info-txt-pos">
@ -65,7 +65,7 @@
<div class="content-img"> <div class="content-img">
<template v-for="(m, indexm) in 2" :key="indexm"> <template v-for="(m, indexm) in 2" :key="indexm">
<div class="img-item"> <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> </div>
</template> </template>
</div> </div>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="c-goods-item-warp" @click="toDetail"> <div class="c-goods-item-warp" @click="toDetail">
<div class="goods-img"> <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>
<div class="goods-name txt-ellipsis clamp2">{{ '遇合堂新款禽泰克家禽通用药250遇合堂新款禽泰克家禽通用药250' }}</div> <div class="goods-name txt-ellipsis clamp2">{{ '遇合堂新款禽泰克家禽通用药250遇合堂新款禽泰克家禽通用药250' }}</div>
<div class="goods-do"> <div class="goods-do">

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="c-land-item-warp" @click="toDetail"> <div class="c-land-item-warp" @click="toDetail">
<div class="land-img"> <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>
<div class="land-info"> <div class="land-info">
<div class="land-info-pos"> <div class="land-info-pos">

View File

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

View File

@ -12,7 +12,7 @@
<el-col :span="16"> <el-col :span="16">
<div class="purchaser-info-l"> <div class="purchaser-info-l">
<div class="img"> <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>
<div class="content"> <div class="content">
<div class="title-warp"> <div class="title-warp">

View File

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

View File

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