iter(g145): 滑块支持刻度标注

2026-10-26 15:41:22 +08:00
parent 99214ff867
commit af09500238
8 changed files with 64 additions and 8 deletions
@@ -4461,3 +4461,24 @@ h5.ua-type-title { font-size: var(--ua-font-size-md); }
  color: var(--ua-color-text);
  font-weight: 500;
 }
+
+/* —— 滑块轨道与刻度：轨道包一层，刻度按百分比定位在下方 —— */
+.ua-slider-track {
+  position: relative;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 2px;
+}
+.ua-slider-marks {
+  position: relative;
+  height: 14px;
+}
+.ua-slider-mark {
+  position: absolute;
+  transform: translateX(-50%);
+  color: var(--ua-color-text-muted);
+  font-size: var(--ua-font-size-sm);
+  line-height: 14px;
+  white-space: nowrap;
+}