定时添加页面显示问题

src/view/tabs/fixed-time.vue

@@ -6,7 +6,7 @@
         src="@/assets/imgs/show/btn_item_timing_add.png"
         @click="onClickAdd()"
       />
-      <div class="zhp-title-text" @click="envSelect">定时</div>
+      <div class="zhp-title-text">定时</div>
     </div>
     <div v-show="navList.length == 0">
       <div class="layout-box-vertical layout-items-center">

src/view/tabs/scene.vue

@@ -3,7 +3,7 @@
     <div class="zhp-title">
       <div class="zhp-title-text">场景</div>
     </div>
-    <div class="zhp-item-bg" style="overflow: auto">
+    <div class="zhp-item-bg">
       <div v-for="(item, i) in navList" :key="i">
           <div class="progress-bg">
             <div class="base-scene-card-content-bg">

src/view/timing/timing-add.vue

@@ -23,8 +23,8 @@
             class="selectImg"
             :src="
               isOpen
-                ? '/src/assets/imgs/show/icon_check.png'
+                ? getImgSrc('/assets/imgs/show/icon_check.png')
-                : '/src/assets/imgs/show/icon_nomor.png'
+                : getImgSrc('/assets/imgs/show/icon_nomor.png')
             "
           />
         </div>
@@ -43,8 +43,8 @@
             class="selectImg"
             :src="
               isOpen
-                ? '/src/assets/imgs/show/icon_nomor.png'
+                ? getImgSrc('/assets/imgs/show/icon_nomor.png')
-                : '/src/assets/imgs/show/icon_check.png'
+                : getImgSrc('/assets/imgs/show/icon_check.png')
             "
           />
         </div>
@@ -66,7 +66,8 @@
 <script lang="ts" setup>
 import { getCurrentInstance, onBeforeMount, ref } from "vue";
 import { useRouter } from "vue-router";
-
+import { $commonService } from "@/services/framework/dependency-injection-service";
+const getImgSrc = $commonService.$imgService.getImgSrc;
 let selectNum = 0;
 let time = 0;
 
@@ -128,46 +129,41 @@ const onSaveClick = () => {
   margin-bottom: 12px;
   flex-wrap: wrap;
 
-  .time-center-item {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    height: 100px;
-    width: 330px;
-    background-position: center;
-    background-repeat: no-repeat;
-    background-image: url("@/assets/imgs/show/bg_add_timing_unselect.png");
-
-    .layout-horizontal {
-      display: flex;
-      align-items: stretch;
-      box-sizing: border-box;
-    }
-
-    .time-center-item-select {
-      color: #ffffff;
-      text-align: center;
-      font-size: 32px;
-      font-weight: 700;
-    }
-
-    .time-center-item-unselect {
-      color: #ffffff;
-      opacity: 0.4;
-      text-align: center;
-      font-size: 32px;
-      font-weight: 400;
-    }
-
-    .selectImg {
-      width: 60px;
-      height: 60px;
-      margin-left: 26px;
-    }
-  }
 }
+.time-center-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100px;
+  width: 330px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("@/assets/imgs/show/bg_add_timing_unselect.png");
 
+}
+.layout-horizontal {
+  display: flex;
+  align-items: stretch;
+  box-sizing: border-box;
+}
+.time-center-item-unselect {
+  color: #ffffff;
+  opacity: 0.4;
+  text-align: center;
+  font-size: 32px;
+  font-weight: 400;
+}
+.time-center-item-select {
+  color: #ffffff;
+  text-align: center;
+  font-size: 32px;
+  font-weight: 700;
+}
+.selectImg {
+  width: 60px;
+  height: 60px;
+  margin-left: 26px;
+}
 .item-content {
   margin-bottom: 12px;
   position: relative;