定时添加页面显示问题

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 {
+}
+.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 {
+}
+.layout-horizontal {
   display: flex;
   align-items: stretch;
   box-sizing: border-box;
-    }
+}
-
+.time-center-item-unselect {
-    .time-center-item-select {
   color: #ffffff;
+  opacity: 0.4;
   text-align: center;
   font-size: 32px;
-      font-weight: 700;
+  font-weight: 400;
-    }
+}
-
+.time-center-item-select {
-    .time-center-item-unselect {
   color: #ffffff;
-      opacity: 0.4;
   text-align: center;
   font-size: 32px;
-      font-weight: 400;
+  font-weight: 700;
-    }
+}
-
+.selectImg {
-    .selectImg {
   width: 60px;
   height: 60px;
   margin-left: 26px;
-    }
-  }
 }
-
 .item-content {
   margin-bottom: 12px;
   position: relative;