浏览代码

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

黄琪勇 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 &&