feat(slider): 添加仅可拖拽滑块的音量滑条组件

- 新增 ThumbOnlyRangeSlider 组件,限制只允许拖拽滑块调整数值
- 替换 Home 页面中音量滑条为 ThumbOnlyRangeSlider 组件
- 移除原有的滑条拖拽检测和事件处理逻辑
- 统一滑条拖拽开始/结束以及释放时的回调处理
- 修正 BrandDrawer 组件中响应式高度的样式支持问题
This commit is contained in:
eafonyang
2026-09-15 17:09:22 +08:00
parent 19172275a9
commit b008307f82
3 changed files with 175 additions and 65 deletions
@@ -164,7 +164,7 @@ export function BrandDrawer({
onClick={onClose}
/>
<div
className="relative z-10 flex h-[58dvh] flex-shrink-0 flex-col overflow-hidden rounded-t-[18px] bg-white shadow-[0_-8px_32px_rgba(0,0,0,0.35)]"
className="relative z-10 flex h-[58vh] max-h-full flex-shrink-0 flex-col overflow-hidden rounded-t-[18px] bg-white shadow-[0_-8px_32px_rgba(0,0,0,0.35)] supports-[height:1dvh]:h-[58dvh]"
onClick={(e) => e.stopPropagation()}
>
<div className="flex shrink-0 items-center justify-center pt-2 pb-1">