样式修改

src/page-instrument/custom-plugins/helper-model/recommendation/index.module.less

@@ -132,6 +132,7 @@
                         font-size: 14px;
                         color: #131415;
                         caret-color: #01C1B5;
+                        min-height: 80px;
                         &::placeholder {
                             font-weight: 400;
                             font-size: 14px;

src/page-instrument/evaluat-model/earphone/index.module.less

@@ -1,10 +1,10 @@
 .earphoneBox {
     position: relative;
-    width: 600px;
-    height: 229px;
+    width: 674px;
+    height: 257px;
     &.ipadEarphoneBox{
-        width: 540px;
-        height: 206px;
+        width: 608px;
+        height: 232px;
         .earphoneBtn{
             width: 120px;
             height: 35px;
@@ -20,9 +20,9 @@
     .earphoneBtn {
         position: absolute;
         left: 50%;
-        bottom: 25px;
-        width: 105px;
-        height: 30px;
-        transform: translateX(-43%);
+        bottom: 24px;
+        width: 133px;
+        height: 39px;
+        transform: translateX(-50%);
     }
 }

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

@@ -131,11 +131,11 @@
 
 .earphoneBox {
     position: relative;
-    width: 600px;
-    height: 229px;
+    width: 674px;
+    height: 257px;
     &.ipadEarphoneBox{
-        width: 540px;
-        height: 206px;
+        width: 608px;
+        height: 232px;
         .earphoneBtn{
             width: 120px;
             height: 35px;
@@ -151,9 +151,9 @@
     .earphoneBtn {
         position: absolute;
         left: 50%;
-        bottom: 13px;
+        bottom: 24px;
         width: 133px;
         height: 39px;
-        transform: translateX(-43%);
+        transform: translateX(-50%);
     }
 }

src/page-instrument/follow-model/microphone/index.module.less

@@ -42,32 +42,39 @@
     margin: 18px 6px 17px 6px;
     cursor: pointer;
 }
-
-.microBox {
+.earphoneBox {
     position: relative;
-    width: 100vw;
-    height: 100vh;
-    .microBg {
+    width: 674px;
+    height: 257px;
+    &.ipadEarphoneBox{
+        width: 608px;
+        height: 232px;
+        .earphoneBtn{
+            .earBtn{
+                width: 76px;
+                height: 34px;
+            }
+        }
+    }
+    .earphoneBg {
         position: absolute;
         left: 50%;
-        top: 20%;
-        height: 60%;
+        top: 0;
+        height: 100%;
         transform: translateX(-50%);
     }
-    .microBtn {
+    .earphoneBtn {
         position: absolute;
-        bottom: 23.5%;
         left: 50%;
-        transform: translate(-45%);
-    }
-    .microCancel {
-        width: 11.2vw;
-        height: 100%;
-        margin-right: 2px;
-    }
-    .microConfirm {
-        width: 11.2vw;
-        height: 100%;
-        margin-left: 2px;
+        bottom: 26px;
+        transform: translateX(-50%);
+        display: flex;
+        .earBtn{
+            width: 84px;
+            height: 38px;
+            &+.earBtn{
+                margin-left: 8px;
+            }
+        }
     }
 }

src/page-instrument/follow-model/microphone/index.tsx

@@ -6,17 +6,21 @@ import icon_confirm from "./images/icon_confirm.svg";
 import microBg from "./images/microBg.png";
 import microCancel from "./images/micro_cancel.png";
 import microConfirm from "./images/micro_confirm.png";
+import { browser } from "/src/utils";
 
 export default defineComponent({
 	name: "earphone",
 	emits: ["close"],
 	setup(props, { emit }) {
+		// 资源类型
+		const browserInfo = browser();
+		const isPad =  navigator?.userAgent?.includes("UAWEIVRD-W09") || browserInfo?.iPad || browserInfo.isTablet;
 		return () => (
-			<div class={styles.microBox}>
-				<img class={styles.microBg} src={microBg} />
-				<div class={styles.microBtn}>
-					<img class={styles.microCancel} src={microCancel} onClick={() => emit("close")} />
-					<img class={styles.microConfirm} src={microConfirm} onClick={() => emit("close")} />
+			<div class={[styles.earphoneBox, isPad && styles.ipadEarphoneBox]}>
+				<img class={styles.earphoneBg} src={microBg} />
+				<div class={styles.earphoneBtn}>
+					<img class={styles.earBtn} src={microCancel} onClick={() => emit("close")} />
+					<img class={styles.earBtn} src={microConfirm} onClick={() => emit("close")} />
 				</div>
 			</div>
 		);

src/page-instrument/header-top/index.module.less

@@ -7,6 +7,7 @@
     margin-left: calc(-1 * var(--detailDataPaddingLeft));
     padding: 0 30px;
     justify-content: flex-end;
+    background-color: #fff;
 
     &.headerTopRight {
         justify-content: flex-end;