Browse Source

style: 老师端ui走查问题修复

TIANYONG 1 year ago
parent
commit
2ae6a7289d

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

@@ -52,6 +52,14 @@
             padding: 9px;
         }
     }
+    &.pcContent {
+        :global {
+            .van-field{
+                font-size: 14Px;
+                line-height: 18Px;
+            }
+        }
+    }
 }
 
 .tags {
@@ -79,10 +87,23 @@
             pointer-events: none;
         }
     }
+    &.pcTags {
+        >span {
+            font-size: 15PX;
+        }
+    }
 }
 .btn{
     display: block;
     height: 36px;
     font-size: 13px;
     margin: 0 auto;
+}
+
+.pcContent {
+    .tags {
+        >span {
+            font-size: 14PX;
+        }
+    }
 }

+ 2 - 1
src/page-instrument/custom-plugins/helper-model/recommendation/index.tsx

@@ -5,6 +5,7 @@ import { Button, Cell, Field, Tab, Tabs, showToast } from "vant";
 import iconSubmit from "../icons/icon-submit.svg";
 import { sysSuggestionAdd, getSuggestionList } from "/src/page-instrument/api";
 import { storeData } from "/src/store";
+import state, { IPlatform } from "/src/state";
 
 export default defineComponent({
 	name: "recommendation",
@@ -60,7 +61,7 @@ export default defineComponent({
 			getTypeList();
 		});
 		return () => (
-			<div class={styles.content}>
+			<div class={[styles.content, state.platform === IPlatform.PC && styles.pcContent]}>
 				<Tabs lineHeight={0} color="#1A1A1A">
 					<Tab title="意见反馈">
 						<Cell border={false} title="请选择问题类型" />

+ 7 - 0
src/page-instrument/follow-model/index.module.less

@@ -38,6 +38,13 @@
   }
 }
 
+.pcEndBtn {
+  width: 40px;
+  height: 40px;
+  left: 30%;
+  bottom: 12px;
+}
+
 .noteState {
   position: fixed;
   bottom: 0;

+ 4 - 3
src/page-instrument/follow-model/index.tsx

@@ -4,7 +4,8 @@ import icons from "./icons.json";
 import { followData, handleFollowEnd, handleFollowStart } from "/src/view/follow-practice";
 import { Popup } from "vant";
 import Microphone from "./microphone";
-import state from "/src/state";
+import state, { IPlatform } from "/src/state";
+import PcEndIcon from "../header-top/image/pc_end_icon.png"
 
 export default defineComponent({
 	name: "follow-model",
@@ -25,9 +26,9 @@ export default defineComponent({
 				</Transition>
 				<Transition name="pop-center">
 					{followData.start && (
-						<div class={[styles.endBtn, state.fingeringInfo?.name && state.fingeringInfo.direction == 'transverse' && state.setting.displayFingering ? styles.top : styles.bottom]} key="end">
+						<div class={[styles.endBtn, state.fingeringInfo?.name && state.fingeringInfo.direction == 'transverse' && state.setting.displayFingering ? styles.top : styles.bottom, state.platform === IPlatform.PC && styles.pcEndBtn]} key="end">
 							<img
-								src={icons.end}
+								src={state.platform === IPlatform.PC ? PcEndIcon : icons.end}
 								onClick={() => {
 									handleFollowEnd();
 								}}

BIN
src/page-instrument/header-top/image/pc_end_icon.png


+ 2 - 2
src/page-instrument/header-top/index.tsx

@@ -488,7 +488,7 @@ export default defineComponent({
               <span>指法</span>
             </div>
 
-            <Popover trigger="manual" v-model:show={headData.speedShow} placement={state.platform === IPlatform.PC ? "top" : "bottom"} overlay={false}>
+            <Popover trigger="manual" v-model:show={headData.speedShow} placement={state.platform === IPlatform.PC ? "top" : "bottom"} overlay={false} offset={state.platform === IPlatform.PC ? [0,40] : [0,8]}>
               {{
                 reference: () => (
                   <div
@@ -511,7 +511,7 @@ export default defineComponent({
             </Popover>
             {
               state.enableNotation ? 
-              <Popover trigger="manual" v-model:show={headData.musicTypeShow} placement={state.platform === IPlatform.PC ? "top-end" : "bottom-end"} overlay={false}>
+              <Popover trigger="manual" v-model:show={headData.musicTypeShow} placement={state.platform === IPlatform.PC ? "top-end" : "bottom-end"} overlay={false} offset={state.platform === IPlatform.PC ? [0,40] : [0,8]}>
                 {{
                   reference: () => (
                     <div

+ 1 - 1
src/page-instrument/header-top/settting/index.module.less

@@ -5,7 +5,7 @@
 .content {
     position: relative;
     overflow: hidden;
-    border-radius: 18px;
+    border-radius: 16PX;
     width: 300px;
     height: 86vh;
     background-color: #fff;

+ 4 - 4
src/view/plugins/useDrag/index.module.less

@@ -28,11 +28,11 @@
     content: "";
     display: block;
     position: fixed;
-    left: 0;
-    top: 0;
+    left: -100vw;
+    top: -100vh;
     z-index: 9;
-    width: 100vw;
-    height: 100vh;
+    width: 200vw;
+    height: 200vh;
     background: rgba(0,0,0,0.2);
   }
   .guideBg {