这是一个创建于 472 天前的主题，其中的信息可能已经有所发展或是发生改变。
TimeTicket
项目概述
我开发了一个名为 TimeTicket 的小型网站，个人大约是从去年十月份开始自学 NextJS + app route + ts + sass ，ts 的恶梦现在还记着...
技术栈
- 前端 / 后端框架：NextJS
- AI 集成：deepseek / Dify 自建模型
主要特点
- 自动根据当前时间、节日、地理位置、天气生成一句话。
项目链接
欢迎访问并体验：https://ticket.mindreset.tech
第 1 条附言 · 2024-09-03 17:13:01 +08:00
近期网站做了更新，各位可以访问体验一下，可以使用临时 PIN 903267
38 条回复 • 2024-07-23 09:05:00 +08:00
 |
1
xshwy 2024-07-16 13:35:58 +08:00
设计蛮好看的哎！
|
 |
2
zy0829 2024-07-16 13:46:25 +08:00
鼠标悬浮在卡片上，卡片失衡 transform 的效果是自己实现的吗 rotate 角度是如何把控的啊
|
 |
4
LavaC 2024-07-16 14:03:02 +08:00  2
@zy0829 这种常见效果目前网上解决方案很多可以参考一下 https://github.com/chokcoco/iCSS/issues/254
|
 |
5
lambdaq 2024-07-16 14:04:15 +08:00
这个设计得好啊
|
 |
6
FarAhead 2024-07-16 14:09:03 +08:00
那几个按钮不搞个提示吗？
|
 |
7
evnydd0sf OP @zy0829 是自己实现的 有一些第三方 ui 库也能做到 但是我除了要加角度变化，还增加了票面上面的高光和纹理效果，所以就自己做了 大概原理是 检测鼠标对于卡片的相对位置 然后实时更新元素的 旋转角度
https://imgse.com/i/pkI8NLT |
 |
8
ZZ74 2024-07-16 14:13:06 +08:00
学了多久
|
 |
9
YJi 2024-07-16 14:18:59 +08:00
针不戳, 让我又燃起了学前端的心. (doge
|
 |
10
eric1202 2024-07-16 14:20:39 +08:00
很酷，如果加入时钟显示可以用来全屏桌面了
|
 |
11
asLw0P981N0M0TCC 2024-07-16 14:31:57 +08:00
nb
|
 |
12
lizhenda 2024-07-16 14:33:19 +08:00
设计的真好啊，这类网站怎么盈利呢？
|
 |
13
margoxlive 2024-07-16 14:35:48 +08:00
好看！
|
|
14
evnydd0sf OP 去年十月开始学的，到现在大概九月了吧
|
 |
18
codeName 2024-07-16 15:29:55 +08:00
感谢分享，最近我也在准备学习下
|
 |
19
harrisonkang 2024-07-16 16:15:12 +08:00
@eric1202 #10 附议
 |
 |
20
terranboy 2024-07-16 16:20:47 +08:00
就一个页面？ 跟 NEXT.JS 没啥关系 没必要强上
|
 |
21
notot 2024-07-16 16:30:45 +08:00
能分享下 下载的实现方案吗，谢谢🙏
|
 |
22
hahawode 2024-07-16 16:34:01 +08:00
靠 我刚想做一个 ai 老黄历
|
 |
23
Steven9906 2024-07-16 17:11:18 +08:00
真好看
|
 |
24
PaulSamuelson 2024-07-16 17:32:47 +08:00
这**自学？看来我真的不适合做程序员
|
|
25
evnydd0sf OP @terranboy 其实利用 nextjs 伪后端也做了一些东西，搞了一个电子屏来显示这个网页上面的那个票面信息，后端负责解码、获取 canvas 、编码成黑白图像和回传压缩的数据
|
 |
26
huaji 2024-07-16 17:51:36 +08:00
厉害厉害，设计得好好看
 |
 |
27
heishu 2024-07-16 18:09:58 +08:00
很厉害
|
|
28
evnydd0sf OP @notot 下载图片吗，主要是用到了 html-to-image 这个库，他能把一个 dom 元素直接图片形式返回，但是在 webkit 下不是很好用，拿到的字体、样式都是错误的，但是在 chromium 下表现良好。
|
 |
29
delai 2024-07-16 22:57:11 +08:00
审美在线的
|
 |
30
DengSchoo 2024-07-17 11:27:41 +08:00
开源吗 也想学习一下前端
|
 |
31
yb2313 2024-07-19 10:56:01 +08:00
我的没有生成话, 一直在加载
 |
 |
32
laved 2024-07-19 11:57:16 +08:00
设计真不错 动效也很不错
|
 |
33
esee 2024-07-19 16:19:01 +08:00
css 效果写的不错。但是和 nextjs 感觉没啥关系
|
 |
34
sulv9 2024-07-19 16:52:57 +08:00
赞👍
|
 |
35
Ponsai 2024-07-19 17:14:49 +08:00
nextjs route app 真心好用啊，使用 3 个月，爱上了；已经开发了 1 个网站，但是美感不行，楼主设计强。
|
 |
36
twig 2024-07-19 19:39:09 +08:00
设计不错！
|
 |
37
coolfan 2024-07-20 00:35:02 +08:00
漂亮！
|
 |
38
InsideSeed 2024-07-23 09:05:00 +08:00
看到这种优秀的设计水平，点开 OP 的 blog 就知道是老手了
|
Select Language