TimeTicket
项目概述
我开发了一个名为 TimeTicket 的小型网站,个人大约是从去年十月份开始自学 NextJS + app route + ts + sass ,ts 的恶梦现在还记着...
技术栈
- 前端 / 后端框架:NextJS
- AI 集成:deepseek / Dify 自建模型
主要特点
- 自动根据当前时间、节日、地理位置、天气生成一句话。
项目链接
欢迎访问并体验:https://ticket.mindreset.tech
我开发了一个名为 TimeTicket 的小型网站,个人大约是从去年十月份开始自学 NextJS + app route + ts + sass ,ts 的恶梦现在还记着...
欢迎访问并体验:https://ticket.mindreset.tech
|
xshwyJul 16, 2024
1
设计蛮好看的哎!
|
|
zy0829Jul 16, 2024
2
鼠标悬浮在卡片上,卡片失衡 transform 的效果是自己实现的吗 rotate 角度是如何把控的啊
|
|
4
@zy0829 这种常见效果目前网上解决方案很多可以参考一下 https://github.com/chokcoco/iCSS/issues/254
|
|
tf2Jul 16, 2024
5
这个设计得好啊
|
|
FarAheadJul 16, 2024
6
那几个按钮不搞个提示吗?
|
|
7
@zy0829 是自己实现的 有一些第三方 ui 库也能做到 但是我除了要加角度变化,还增加了票面上面的高光和纹理效果,所以就自己做了 大概原理是 检测鼠标对于卡片的相对位置 然后实时更新元素的 旋转角度
https://imgse.com/i/pkI8NLT |
|
ZZ74Jul 16, 2024
8
学了多久
|
|
YJiJul 16, 2024
9
针不戳, 让我又燃起了学前端的心. (doge
|
|
eric1202Jul 16, 2024
10
很酷,如果加入时钟显示可以用来全屏桌面了
|
|
asLw0P981N0M0TCCJul 16, 2024
11
nb
|
|
lizhendaJul 16, 2024
12
设计的真好啊,这类网站怎么盈利呢?
|
|
margoxliveJul 16, 2024
13
好看!
|
|
14
去年十月开始学的,到现在大概九月了吧
|
|
codeNameJul 16, 2024
18
感谢分享,最近我也在准备学习下
|
|
harrisonkangJul 16, 2024
19
@eric1202 #10 附议
![]() |
|
terranboyJul 16, 2024
20
就一个页面? 跟 NEXT.JS 没啥关系 没必要强上
|
|
nototJul 16, 2024
21
能分享下 下载的实现方案吗,谢谢🙏
|
|
hahawodeJul 16, 2024
22
|
|
Steven9906Jul 16, 2024
23
真好看
|
|
PaulSamuelsonJul 16, 2024
24
这**自学?看来我真的不适合做程序员
|
|
25
@terranboy 其实利用 nextjs 伪后端也做了一些东西,搞了一个电子屏来显示这个网页上面的那个票面信息,后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据
|
|
leobuqiJul 16, 2024
26
|
|
heishuJul 16, 2024
27
很厉害
|
|
28
@notot 下载图片吗,主要是用到了 html-to-image 这个库,他能把一个 dom 元素直接图片形式返回,但是在 webkit 下不是很好用,拿到的字体、样式都是错误的,但是在 chromium 下表现良好。
|
|
delaiJul 16, 2024
29
审美在线的
|
|
DengSchooJul 17, 2024
30
开源吗 也想学习一下前端
|
|
user1284Jul 19, 2024
31
|
|
lavedJul 19, 2024
32
设计真不错 动效也很不错
|
|
eseeJul 19, 2024
33
css 效果写的不错。但是和 nextjs 感觉没啥关系
|
|
sulv9Jul 19, 2024
34
赞👍
|
|
PonsaiJul 19, 2024
35
nextjs route app 真心好用啊,使用 3 个月,爱上了;已经开发了 1 个网站,但是美感不行,楼主设计强。
|
|
twigJul 19, 2024
36
设计不错!
|
|
coolfanJul 20, 2024
37
漂亮!
|
|
InsideSeedJul 23, 2024
38
看到这种优秀的设计水平,点开 OP 的 blog 就知道是老手了
|