样式

src/page-instrument/evaluat-model/delay-check/index.module.less

@@ -9,8 +9,9 @@
     right: 0;
     top: 0;
     bottom: 0;
-    background: url('./background.png') center center / 100% 100%;
+    background: url('./background.png');
     background-repeat: no-repeat;
+    background-size: cover;
 }
 
 .item {

src/page-instrument/view-figner/index.module.less

@@ -66,8 +66,10 @@
     pointer-events: none;
     padding-right: 10px;
     padding-top: env(safe-area-inset-top);
+    z-index: 101;
 
     .backBtn {
+        position: relative;
         padding: 25px 30px 25px 33px;
         display: flex;
         align-items: center;
@@ -430,6 +432,16 @@
         width: 216px;
     }
 
+    .loadingTip {
+        position: absolute;
+        left: 50%;
+        transform: translateX(-50%);
+        bottom: -35px;
+        color: #fff;
+        font-size: 13px;
+        font-weight: 400px;
+    }
+
     :global {
         .van-progress {
             height: 7px;
@@ -437,6 +449,7 @@
 
         .van-progress__portion {
             background: linear-gradient(180deg, #3CD6F9 0%, #1CACF1 100%);
+            border: 1px solid rgba(255, 255, 255, .5);
         }
 
         .van-progress__pivot {
@@ -447,7 +460,7 @@
             height: 37px;
             background-image: url('./image/icon_loading_head.png');
             background-repeat: no-repeat;
-            background-size: 100%;
+            background-size: 100% 100%;
         }
     }
 }

src/page-instrument/view-figner/index.tsx

@@ -450,11 +450,12 @@ export default defineComponent({
 								))}
 							</div>
 						</div>
-						{data.loadingSoundFonts && (
+						{!data.loadingSoundFonts && (
 							<div class={styles.loading}>
 								<div class={styles.loadingWrap}>
 									<img class={styles.loadingIcon} src={icon_loading_img} />
 									<Progress percentage={data.loadingSoundProgress} />
+									<div class={styles.loadingTip}>加载中，请稍后…</div>
 								</div>
 							</div>
 						)}