4287a35826
详细说明: - 更新routes.yaml配置,将所有订单班状态设为completed - 重构app.js静态文件路由,使用循环简化代码 - 更新订单班图标映射,匹配实际目录名称 - 修复订单班路由跳转,支持以下订单班: * wenlu(文旅) - 会展策划 * food(食品) - 轻食经营 * finance(财经商贸) - 电商运营 * health(大健康) - 智慧养老 * chemical(化工) - 废水处理 * environmental(环保) - 水质监测 * transportation(交通物流) - 冷链物流 * energy(能源) - 光伏发电 * visual-design(视觉设计) - 宣传片策划 * civil(土木) - 室内设计 * developer(智能开发) - AI检测 * manufacturing(智能制造) - 系统集成 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
1.3 KiB
1.3 KiB
设计规范 - 图标使用指南
严格禁止使用emoji
规则: 在所有HTML文件中，必须使用Lucide SVG图标代替emoji。
正确格式:
<i data-lucide="icon-name"></i>
参考实现: 食品订单班 (food order class) 的实现方式
常用图标映射:
- 🏗️ →
<i data-lucide="building-2"></i> - 🏠 →
<i data-lucide="home"></i> - 🛏️ →
<i data-lucide="bed"></i> - 📚 →
<i data-lucide="book-open"></i> - 🔧 →
<i data-lucide="settings"></i>或<i data-lucide="wrench"></i> - 📏 →
<i data-lucide="ruler"></i> - 🎨 →
<i data-lucide="palette"></i> - ⚡ →
<i data-lucide="zap"></i> - 💧 →
<i data-lucide="droplets"></i> - ☀️ →
<i data-lucide="sun"></i> - 🌙 →
<i data-lucide="moon"></i> - 💡 →
<i data-lucide="lightbulb"></i> - 📐 →
<i data-lucide="layout-grid"></i> - 🎬 →
<i data-lucide="film"></i> - 📸 →
<i data-lucide="camera"></i> - 📊 →
<i data-lucide="bar-chart"></i> - 🎯 →
<i data-lucide="target"></i>
优势:
- SVG图标可扩展、清晰度高
- 支持CSS样式自定义
- 跨浏览器兼容性好
- 符合现代Web设计标准
执行记录:
- 2025年10月: civil订单班完成22处emoji到SVG图标的替换