提交

src/views/portraitModel/index.vue

@@ -3,7 +3,7 @@
     <div class="tabList">
       <div class="tabs" v-for="item in tabList" :key="item.id" @click="changeTab(item)">
         <div style="display: flex; align-items: center">
-          <img :src="item.backImg" alt="" />
+          <img :src="getAssetsFile(item.backImg)" alt="" />
           <span>{{ item.title }}</span>
         </div>
       </div>
@@ -259,6 +259,7 @@
 <script setup>
 import * as portraitModel from "@/api/portraitModel";
 import mainContent from "@/views/components/mainContent.vue";
+import {getAssetsFile} from '@/utils/index.js'
 import { onMounted } from "vue";
 const { proxy } = getCurrentInstance();
 const currentComponent = ref(null);
@@ -271,61 +272,61 @@ const tabList = ref([
     id: "1",
     key: () => import('./components/rfmAnalysis.vue'),
     title: "RFM分析",
-    backImg: "/src/assets/images/icon1.png",
+    backImg:  "icon1.png",
   },
   {
     id: "2",
     key: () => import('./components/abcAnalysis.vue'),
     title: "帕累托/ABC分析",
-    backImg: "/src/assets/images/icon2.png",
+    backImg: "icon2.png",
   },
   {
     id: "3",
     key: () => import('./components/bostonAnalysis.vue'),
     title: "波士顿矩阵分析",
-    backImg: "/src/assets/images/icon3.png",
+    backImg: "icon3.png",
   },
   {
     id: "4",
     key: () => import('./components/funnelAnalysis.vue'),
     title: "转化分析-漏斗模型",
-    backImg: "/src/assets/images/icon4.png",
+    backImg: "icon4.png",
   },
   {
     id: "5",
     key: () => import('./components/basketAnalysis.vue'),
     title: "购物篮分析",
-    backImg: "/src/assets/images/icon5.png",
+    backImg: "icon5.png",
   },
   {
     id: "6",
     key: () => import('./components/repurchaseAnalysis.vue'),
     title: "复购分析",
-    backImg: "/src/assets/images/icon6.png",
+    backImg: "icon6.png",
   },
   {
     id: "7",
     key: () => import('./components/retainAnalysis.vue'),
     title: "留存分析",
-    backImg: "/src/assets/images/icon7.png",
+    backImg: "icon7.png",
   },
   {
     id: "8",
     key: () => import('./components/viscosityAnalysis.vue'),
     title: "用户粘性分析",
-    backImg: "/src/assets/images/icon8.png",
+    backImg: "icon8.png",
   },
   {
     id: "9",
     key: () => import('./components/AARRRAnalysis.vue'),
     title: "AARRR用户运营分析",
-    backImg: "/src/assets/images/icon9.png",
+    backImg: "icon9.png",
   },
   {
     id: "10",
     key: () => import('./components/portraitAnalysis.vue'),
     title: "用户画像分析",
-    backImg: "/src/assets/images/icon10.png",
+    backImg: "icon10.png",
   },
 ]);
 // defineExpose({ submitMethod });