夯拉排行器

极简的「从夯到拉」排行榜生成器。通过拖拽快速整理条目，一键导出分享。

功能特性

• 批量录入 - 文本框输入，每行一个条目
• 图片支持 - 上传图片作为排名元素
• 拖拽排序 - 跨层级拖拽，自动重排
• 图片导出 - 高质量 PNG 导出
• 响应式 - 桌面端侧边栏，移动端纵向布局
• 示例数据 - 一键加载示例

技术栈

• React 18 + TypeScript
• Vite
• Tailwind CSS
• Zustand (状态管理)
• @dnd-kit (拖拽)
• html-to-image (导出)

快速开始

# 安装依赖
npm install

# 开发模式
npm run dev

# 构建生产版本
npm run build

使用说明

1. 在输入区输入条目，每行一个
2. 或上传图片到待排区
3. 拖拽条目到对应层级
4. 点击下载按钮导出图片

层级说明

• 夯 - 最高评价
• 顶级 - 优秀
• 人上人 - 良好
• NPC - 一般
• 拉完了 - 最低评价

License

MIT