src/layout/components/Header/index.vue

@@ -148,12 +148,12 @@ export default defineComponent({
   display: flex;
   align-items: center;
   .header__scroll{
-    width: 150px;
+    width: 250px;
     margin-right: 50px;
     position: relative;
   }
   .scroll__content{
-    width: 150px;
+    width: 250px;
     height: 30px;
     overflow: hidden;
     position: absolute;
@@ -164,7 +164,7 @@ export default defineComponent({
       transition: all .5s;
     }
     li{
-      width: 150px;
+      width: 250px;
       line-height: 30px;
       color: rgba(255,255,255,1);
       cursor: pointer;

src/views/dashboard/components/Extend.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="map__entend">
     <div v-for="(item,index) in extendList" :key="index" class="extend__container" @click="handleClick(index)">
-      <img :src="selectedTab === index ? `../src/assets/images/${item.selected.path}.png` : `../src/assets/images/${item.path}.png`" alt="">
+      <img :src="selectedTab === index ? getImgUrl(item.selected.path) : getImgUrl(item.path)" alt="">
       <p :style="{color: selectedTab === index ? item.selected.color : '#eee'}">{{ item.name }}</p>
     </div>
 
@@ -287,6 +287,10 @@ export default {
       })
     }
 
+    const getImgUrl = (src) => {
+      return new URL(`../../../assets/images/${src}.png`, import.meta.url).href
+    }
+
     return {
       ...toRefs(data),
       ...toRefs(warn),
@@ -300,6 +304,7 @@ export default {
       handleDateChange,
       handleWarnChange,
       handleQuesChange,
+      getImgUrl,
       handlePositiveClick(row) {
         $message.info('机场设备开始自检，请稍等')
         implement(row.id).then((res) => {