一个仿洛谷风格的人品值测试网页应用,通过有趣的算法测算您今日的运势和人品值。
- 🎲 智能随机算法 - 使用权重系统生成更符合现实分布的运势结果
- 🎨 精美UI设计 - 仿洛谷风格的现代化界面,响应式布局
- 📱 完全响应式 - 适配各种屏幕尺寸,从手机到桌面设备
- 🎯 丰富运势内容 - 12种不同运势等级,每种包含详细的宜忌事项
- ⚡ 流畅交互体验 - 点击按钮有动画反馈,结果展示有过渡效果
-
克隆项目
git clone https://github.com/DHEnry-FMCRAFT/like-luogu-character-test.git
-
打开项目
cd like-luogu-character-test -
运行应用 直接使用浏览器打开
index.html文件即可
- 点击页面中的 "测算人品" 按钮
- 等待系统计算您的人品值
- 查看您的运势等级和对应的宜忌建议
- 根据建议安排您的一天!
从低到高包含12个等级:
- 🌌 宇宙超级凶 (0-5分)
- 🔥 超级凶 (6-15分)
- 💥 大凶 (16-29分)
⚠️ 小凶 (30-40分)- 🚧 中凶 (41-50分)
- ⚖️ 中平 (51-60分)
- 🌤️ 小平 (61-70分)
- 🌱 小吉 (71-80分)
- ✨ 小吉增强版 (81-88分)
- 🍀 中吉 (89-95分)
- 🎉 超级吉 (96-99分)
- 🏆 吉上加吉 (100分)
- 前端: HTML5, CSS3, JavaScript
- 样式: Tailwind CSS, Font Awesome 图标
- 特性: 响应式设计, 权重随机算法, 动画过渡
like-luogu-character-test/
├── index.html # 主页面文件
├── tailwind.css # Tailwind CSS 样式文件
├── font-awesome.min.css # Font Awesome 图标库
└── README.md # 项目说明文档
- 权重系统: 不同运势有不同出现概率,更符合现实
- 动态内容: 每次测算会随机显示不同的宜忌事项
- 视觉反馈: 不同运势等级有对应的颜色标识
- 移动友好: 完美适配手机和平板设备
欢迎提交 Issue 和 Pull Request 来改进这个项目!
如果认为使用公共CDN过慢,可以使用本地资源加载,主要的两个CSS文件已经放在了/中,可自行资源本地化
注意: 本项目仅供娱乐,测算结果不具备任何科学依据,请勿过于认真对待!😊
⭐ 如果喜欢这个项目,请给它一个星标!