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