现在市面上绝大多数日历都是左右翻的。每页 一月
但是 “月” 这个概念是人为的,自然日是连续的。
以 2025-11-23 开始为例,能不能做成这种:
23 24 25 26 27 28 29
30 01 02 03 04 05 06
然后垂直无限滚动?年月就放在背景展示
想 vibe 一个但是感觉 AI 怎么都 get 不到我的点。。。
下面是 prompt
make an html5 calendar demo
- good looking, aethestic pleasing, but restrain with colors.
- all-in-one html, no external deps. No react nor tailwind.
- inline svg favicon with a calendar emoji
- each month should be contained by an html element with class="month-group"
- the calendar goes vertically, one week per line
- no breaks between months, days should be displayed continuously, NO separation between months
- Distinguish month by even-odd background color. The color applies from the first day of the month to the last, like a snake
- watermark a big 1-12 month number in the background at the center of each month group. Prefix a smaller year before the month, only for January.
- default land at the current day using browser's local clock
- infinite scroll, can go backwards and forwards.
- displayed as a compact block to be used as part of page elsewhere.
最后效果就只能这样了。这个 年-月 展示错位了。
是我 prompt 不行,还是 AI 不太会写这种东西?
1
SenLief 3 小时 49 分钟前 我感觉是 ai 的问题,理解能力不太行。https://gemini.google.com/share/df5dd88e2441
|
4
est OP @SenLief 我感觉是 grid 布局本身的问题。但是我本身对 grid 布局不太熟。我试了下 gemini canvas 感觉它特别喜欢 tailwind + grid 。。。
|
5
SenLief 3 小时 37 分钟前
往前回滚几年并不难,只不过静态的 html5 ,内容一多响应也会有问题的。比如你让他回滚 5 年的。https://gemini.google.com/share/7451dc1da557
|
7
loading 3 小时 6 分钟前
good looking
|