fix:样式文件加载失败排查
This commit is contained in:
parent
ea72722b6e
commit
e5b802c515
@ -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,
|
||||
|
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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;
|
||||
},
|
||||
{
|
||||
|
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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">
|
||||
|
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user