[RDView] 更新细分拍的图像，添加长按二拍设置

2026-01-12 20:58:25 +08:00
parent 0fecdf5b19
commit 9a060eb6ff
4 changed files with 38 additions and 2 deletions
@@ -1146,6 +1146,36 @@
 		}
 	}

+	&>.beat:not(:has(.classicbeat)) {
+		&>div.holdbeat {
+			position: absolute;
+			width: calc((var(--hold) * 28 - 2) * 1px);
+			height: inherit;
+			background-size: auto 100%;
+			background-image: url(./assets/beats/hold-area.png);
+			transform: translate(calc(((var(--tick) + var(--delay)) * 28 - 4) * 1px), 0);
+			z-index: -2;
+
+			&::after {
+				content: '';
+				position: absolute;
+				width: 2px;
+				height: 28px;
+				background-size: auto 100%;
+				transform: translate(calc((var(--hold) * 28 - 2) * 1px), 0);
+				background-image: url(./assets/beats/hold-right.png);
+			}
+		}
+
+		&:active>div.holdbeat {
+			background-image: url(./assets/beats/hold-hover-area.png);
+
+			&::after {
+				background-image: url(./assets/beats/hold-hover-right.png);
+			}
+		}
+	}
+
 	&>.beat:has(.row-xs) {
 		width: 56px;
 		height: 28px;