瀏覽代碼

修复图片无法展示

zhangchong 2 年之前
父節點
當前提交
0f2e119c41
共有 3 個文件被更改,包括 5 次插入3 次删除
  1. 2 0
      package.json
  2. 2 2
      src/components/svgIcon/index.vue
  3. 1 1
      src/views/home/index.vue

+ 2 - 0
package.json

@@ -8,6 +8,8 @@
 		"dev": "vite --force",
 		"build": "vite build",
 		"test": "vite build --mode test",
+		"preview": "vite preview",
+		"serve": "http-server ./dist",
 		"lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/"
 	},
 	"dependencies": {

+ 2 - 2
src/components/svgIcon/index.vue

@@ -3,7 +3,7 @@
 		<component :is="getIconName" />
 	</i>
 	<div v-else-if="isShowIconImg" :style="setIconImgOutStyle">
-		<img :src="getIconName" :style="setIconSvgInsStyle" />
+		<img :src="getIconName" :style="setIconSvgInsStyle" alt=""/>
 	</div>
 	<i v-else :class="getIconName" :style="setIconSvgStyle" />
 </template>
@@ -30,7 +30,7 @@ export default defineComponent({
 	},
 	setup(props) {
 		// 在线链接、本地引入地址前缀
-		const linesString = ['https', 'http', '/src', '/assets', import.meta.env.VITE_PUBLIC_PATH];
+		const linesString = ['https', 'http', '/src', '/assets', 'data:image' , import.meta.env.VITE_PUBLIC_PATH];
 
 		// 获取 icon 图标名称
 		const getIconName = computed(() => {

+ 1 - 1
src/views/home/index.vue

@@ -124,7 +124,7 @@
 							:limitScrollNum="6">
 							<div class="right-notice-scroll-item" v-for="(item, index) in noticeList" :key="index">
 								<span class="right-notice-scroll-item-name">
-									<SvgIcon name="iconfont icon-dian" class="mr5 vd" />{{ item.title }}
+									<SvgIcon name="iconfont icon-dian" class="mr5 vd"/>{{ item.title }}
 								</span>
 								<span class="right-notice-scroll-item-date">{{ formatDate(item.date, 'YYYY-mm-dd')}}
 									<SvgIcon name="ele-DArrowRight" class="ml5" />