fix

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

@@ -193,7 +193,7 @@
 
     .boxFinger {
         flex: 1;
-        padding-top: 50px;
+        padding-top: 76px;
         overflow: hidden;
     }
 
@@ -285,10 +285,10 @@
         top: 56px;
         left: 37px;
         right: 37px;
+        height: 26px;
         pointer-events: none;
-        padding-bottom: 8%;
-        background: url('./image/icon_popup_book_h.png') no-repeat;
-        background-size: 100%;
+        background: url('./image/icon_popup_book.png');
+        background-size: contain;
         z-index: 1;
     }
 
@@ -312,6 +312,19 @@
             pointer-events: none;
             z-index: 1;
         }
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: 6.5px;
+            left: 16px;
+            right: 16px;
+            height: 10px;
+            background: #fff;
+            border-radius: 5px;
+            pointer-events: none;
+            border-top: 1.5px solid rgba(180, 165, 154, 1);
+        }
     }
 
     .tipContent {
@@ -383,6 +396,8 @@
                 width: 23px;
                 background: url('./image/icon_shadow_left.png') no-repeat;
                 background-size: 100% 100%;
+                z-index: 10;
+                pointer-events: none;
             }
 
             &::after {
@@ -394,6 +409,8 @@
                 width: 23px;
                 background: url('./image/icon_shadow_r.png') no-repeat;
                 background-size: 100% 100%;
+                z-index: 10;
+                pointer-events: none;
             }
         }
 
@@ -867,6 +884,7 @@
     }
     .hulusiBtn{
         font-size: 10px;
+        text-wrap: nowrap;
     }
 }
 

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

@@ -36,8 +36,7 @@ import { browser } from "/src/utils";
 import { usePageVisibility } from "@vant/use";
 import { watch } from "vue";
 import icon_loading_img from "./image/icon_loading_img.png";
-import icon_popup_top from "./image/icon_popup_top.png";
-import state, { IPlatform } from "/src/state";
+import state from "/src/state";
 
 export default defineComponent({
 	name: "viewFigner",
@@ -501,7 +500,8 @@ export default defineComponent({
 									<Icon name="cross" size={19} color="#fff" />
 								</Button>
 							</div>
-							<div class={styles.iconBook}></div>
+							<div class={styles.iconBook}>
+							</div>
 							<div class={styles.tipContentbox}>
 								<div class={styles.tipContent}>
 									{data.tips.map((tip, tipIndex) => (