修改图片引用路径

src/components/MDialog.vue

@@ -7,13 +7,13 @@
             <div class="common-title">
               <img
                 class="icon-title"
-                src="/images/screen/boardsDemand.png"
+                src="@/assets/images/screen/boardsDemand.png"
                 alt=""
               />
               <span class="title">{{ dialogData.title }}</span>
-              <img class="bg" src="/images/screen/title02_bg.png" alt="" />
+              <img class="bg" src="@/assets/images/screen/title02_bg.png" alt="" />
               <img
-                src="/images/screen/icon-close.png"
+                src="@/assets/images/screen/icon-close.png"
                 alt=""
                 class="close"
                 @click="closeDialog"

src/components/areas.vue

@@ -5,11 +5,11 @@
         <div class="list-of-area-title common-title">
           <img
             class="icon-title"
-            src="/images/screen/boardsDemand.png"
+            src="@/assets/images/screen/boardsDemand.png"
             alt=""
           />
           <span class="title">{{ title }}</span>
-          <img class="bg" src="/images/screen/title00_bg.png" alt="" />
+          <img class="bg" src="@/assets/images/screen/title00_bg.png" alt="" />
         </div>
         <div class="list-of-body">
           <ul class="body-title">

src/components/borderNums.vue

@@ -2,7 +2,8 @@
   <div class="dashbord-list">
     <ul>
       <li v-for="(item, index) in list" :key="index">
-        <img :src="'/images/screen/' + item.urlName + '.png'" alt="" />
+        <img :src="getImg(item.urlName)" alt="" />
+        <!-- <img :src="'@/assets/images/screen/' + item.urlName + '.png'" alt="" /> -->
         <div class="title">
           <div class="title-name">{{ item.label }}</div>
           <span>
@@ -57,6 +58,9 @@ export default {
     this.getList();
   },
   methods: {
+     getImg(imgUrl) {
+      return require("@/assets/images/screen/" + imgUrl + ".png");
+    },
     getList() {
       this.$https({
         method: "post",

src/components/demand.vue

@@ -5,11 +5,11 @@
         <div class="common-title">
           <img
             class="icon-title"
-            src="/images/screen/boardsDemand.png"
+            src="@/assets/images/screen/boardsDemand.png"
             alt=""
           />
           <span class="title">{{ title }}</span>
-          <img class="bg" src="/images/screen/title02_bg.png" alt="" />
+          <img class="bg" src="@/assets/images/screen/title02_bg.png" alt="" />
         </div>
         <div id="barDemand" @click="echartsClick"></div>
       </slot>

src/components/interaction.vue

@@ -5,11 +5,11 @@
         <div class="common-title">
           <img
             class="icon-title"
-            src="/images/screen/boardsDemand.png"
+            src="@/assets/images/screen/boardsDemand.png"
             alt=""
           />
           <span class="title">{{ title }}</span>
-          <img class="bg" src="/images/screen/title02_bg.png" alt="" />
+          <img class="bg" src="@/assets/images/screen/title02_bg.png" alt="" />
         </div>
         <div id="tends" @click="echartsClick"></div>
       </slot>

src/components/top10.vue

@@ -5,11 +5,11 @@
         <div class="list-of-top10-title common-title">
           <img
             class="icon-title"
-            src="/images/screen/boardsDemand.png"
+            src="@/assets/images/screen/boardsDemand.png"
             alt=""
           />
           <span class="title">{{ title }}</span>
-          <img class="bg" src="/images/screen/title01_bg.png" alt="" />
+          <img class="bg" src="@/assets/images/screen/title01_bg.png" alt="" />
         </div>
         <div class="list-of-body">
           <ul class="body-title">

src/views/screen.vue

@@ -4,11 +4,11 @@
       <p>- 播放数据统计 -</p>
     </div>
     <div class="user-info">
-      <img src="/images/screen/user.png" alt="" class="icon-user" />
+      <img src="@/assets/images/screen/user.png" alt="" class="icon-user" />
       <span class="user-name">中国国家博物馆</span>
-      <img src="/images/screen/close.png" alt="" class="signup" />
+      <img src="@/assets/images/screen/close.png" alt="" class="signup" />
       <img
-        src="/images/screen/manager.png"
+        src="@/assets/images/screen/manager.png"
         @click="goManager"
         alt=""
         class="manager"
@@ -182,14 +182,14 @@ export default {
   overflow: hidden;
   background-color: #08214c;
   /*background: url("/images/screen/bg.png") no-repeat;*/
-  background: url("/images/screen/bg@1x.png") no-repeat;
+  background: url("~@/assets/images/screen/bg@1x.png") no-repeat;
   background-size: 100% 100%;
   padding: 0 0.32rem;
   box-sizing: border-box;
   .page-title {
     width: 100%;
     height: 0.67rem;
-    background: url("/images/screen/top_bg.png") no-repeat;
+    background: url("~@/assets/images/screen/top_bg.png") no-repeat;
     background-size: 100% 100%;
     p {
       font-size: 0.32rem;