소스 검색

一行谱给移动端用 增加遮罩

黄琪勇 11 달 전
부모
커밋
241e121d76
2개의 변경된 파일8개의 추가작업 그리고 1개의 파일을 삭제
  1. 7 1
      src/page-instrument/simple-detail/index.module.less
  2. 1 0
      src/page-instrument/simple-detail/index.tsx

+ 7 - 1
src/page-instrument/simple-detail/index.module.less

@@ -17,7 +17,13 @@
     --header-height: 62px;
     // background: var(--container-background);
     background: transparent;
-
+    position: relative;
+    .mask{
+        position: absolute;
+        z-index: 6;
+        width: 100%;
+        height: 100%;
+    }
     .container {
         margin: 0;
         border-radius: 10px;

+ 1 - 0
src/page-instrument/simple-detail/index.tsx

@@ -170,6 +170,7 @@ export default defineComponent({
 
 		return () => (
 			<div class={styles.detail}>
+				<div class={styles.mask}></div>
 				<div id="scrollContainer" class={[styles.container, "hideCursor"]}>
 					{/* 曲谱渲染 */}
 					{!detailData.isLoading &&