仪表盘

周日程网格

Week schedule grid

七列时间块 + 当前时刻线

实时预览

提示词正文

Build a week schedule grid with Tailwind CSS: a seven-column grid (one per day) with time labels down the left edge, events as colored blocks positioned by start time and duration, and a horizontal red line marking the current moment that moves as time passes. Support clicking an empty slot to create an event, dragging a block to reschedule, and keep the grid horizontally scrollable below the lg breakpoint with the day headers sticky.

提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。

怎么用

周日程:红色当前时刻线、点空白处建事件、拖拽改期;窄屏横向滚动表头吸顶。

同类提示词 · 仪表盘

© 2026 Genisource Vibe · 提示词详情