shen/worth-calculator
1
0
Fork 0
mirror of https://github.com/Zippland/worth-calculator.git synced 2026-02-15 16:25:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
Zylan
2025-03-15 15:28:06 +08:00
parent b593ee79dc
commit 6f2c24fb37
2 changed files with 57 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
README.md
View File

@@ -2,14 +2,14 @@
> 🤔 "这b班到底值不值得上？" —— 打工人日常疑惑
在线体验：[https://worth-calculator.vercel.app/](https://worth-calculator.vercel.app/)
## 这是什么？
一个帮你计算当前工作"值不值得"的在线工具，基于网络上流传的一张神图：
![工作性价比计算公式](./public/formula.png)
在线体验：[https://worth-calculator.vercel.app/](https://worth-calculator.vercel.app/)
## 能算什么？
- ✅ **到手工资**: 基于年薪和实际工作天数算出真实日薪
@@ -30,10 +30,10 @@
## 计算标准
结果评判标准：
- 😱 低于0.8：很惨
- 😐 0.8-1.5：一般
- 😎 1.5-2.0：很爽
- 🤩 高于2.0：爽到爆炸
- 😱 低于1.0：很惨
- 😐 1.0-1.8：一般
- 😎 1.8-2.5：很爽
- 🤩 高于2.5：爽到爆炸
## 关于项目

64
components/calculator.tsx
View File

@@ -103,18 +103,56 @@ const SalaryCalculator = () => {
这b班上得值不值·测算版
</h1>
{/* GitHub 链接和访问量计数 */}
<div className="flex items-center justify-center gap-4 text-sm text-gray-600 dark:text-gray-400">
<a
href="https://github.com/zippland/worth-calculator"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1.5 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
>
<Github className="w-4 h-4" />
<span className="hidden sm:inline">Star on</span>
<span>GitHub</span>
</a>
<div className="w-px h-4 bg-gray-300 dark:bg-gray-700"></div>
<div className="flex flex-col items-center gap-2 text-sm text-gray-600 dark:text-gray-400">
{/* 第一排: GitHub、Email、小红书 */}
<div className="flex items-center justify-center gap-4">
<a
href="https://github.com/zippland/worth-calculator"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1.5 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
>
<Github className="w-4 h-4" />
<span className="hidden sm:inline">Star on</span>
<span>GitHub</span>
</a>
<div className="w-px h-4 bg-gray-300 dark:bg-gray-700"></div>
<a
href="mailto:zylanjian@outlook.com"
className="flex items-center gap-1.5 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
>
<svg xmlns="http://www.w3.org/2000/svg" className="h-4 w-4" viewBox="0 0 20 20" fill="currentColor">
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
</svg>
<span>Email</span>
</a>
<div className="w-px h-4 bg-gray-300 dark:bg-gray-700"></div>
<a
href="https://www.xiaohongshu.com/user/profile/623e8b080000000010007721?xsec_token=YBdeHZTp_aVwi1Ijmras5CgTN9fhmJ9fwVRviTyiF_EAs%3D&xsec_source=app_share&xhsshare=CopyLink&appuid=623e8b080000000010007721&apptime=1742023486&share_id=48e7c11a2abe404494693a24218213ae&share_channel=copy_link"
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1.5 hover:text-gray-900 dark:hover:text-gray-200 transition-colors"
>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" className="w-4 h-4">
<path d="M12 22c5.421 0 10-4.579 10-10S17.421 2 12 2 2 6.579 2 12s4.579 10 10 10zm0-18c4.337 0 8 3.663 8 8s-3.663 8-8 8-8-3.663-8-8 3.663-8 8-8z"/>
<path d="M17 8.4c0-1.697-1.979-2.709-3.489-1.684-1.628-1.028-3.639.045-3.511 1.68-1.579-.104-2.702 1.74-1.614 3.079-1.191.974-.401 3.062 1.394 3.062.966 1.269 2.902.941 3.614-.335 1.53.503 3.204-.812 2.604-2.802 1.468-.572.905-2.749-.998-3.001z"/>
</svg>
<span>小红书</span>
</a>
</div>
{/* 第二排: "持续更新中..."和欢迎建议文字 */}
<div className="flex items-center gap-2">
<span className="text-blue-500 dark:text-blue-400 font-medium">
<span className="animate-pulse">👆</span>
持续更新中，期待您的宝贵建议
<span className="animate-pulse">👆</span>
</span>
</div>
{/* 第三排: 访问量 */}
<a
href="https://hits.seeyoufarm.com"
target="_blank"
@@ -122,7 +160,7 @@ const SalaryCalculator = () => {
className="flex items-center gap-1.5"
>
<img
src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FYourUsername%2Fworth-calculator&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=visits&edge_flat=true"
src="https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2FYourUsername%2Fworth-calculator&count_bg=%2379C83D&title_bg=%23555555&icon=&icon_color=%23E7E7E7&title=访问量&edge_flat=true"
alt="访问量"
className="h-5"
/>