工程计算工具箱 - 使用帮助文档

一、如何添加/修改工具

1.1 添加新工具

要添加新的工具卡片，请在工具箱页面的 .tools-grid 容器内添加以下代码模板：

1.2 修改现有工具

修改现有工具需要调整以下3个核心部分：

1. 图标修改：替换 fas fa-计算器图标类 中的图标类名（参考下方图标列表）
2. 名称和链接修改：
   • 修改 <a> 标签中的文字内容为新的工具名称
   • 修改 href 属性值为新的工具页面链接地址
3. 编制标准修改：修改 .tool-standard 标签内的标准编号文本

1.3 删除工具

删除工具只需删除对应的 <div class="tool-card"> 整个容器即可，确保删除完整，避免布局错乱。

二、Font Awesome 图标类名参考

以下是工程计算相关的常用图标类名及对应展示，可直接复制使用：

三、常见问题解决

3.1 布局错乱

• 检查是否所有工具卡片都有完整的 .tool-card 容器包裹
• 确保每个工具卡片内的 .tool-icon、.tool-name、.tool-standard 标签完整
• 检查代码中是否有缺失的闭合标签（如 </div>）

3.2 图标不显示

• 确认页面已引入 Font Awesome 图标库（页面头部的 link 标签）
• 检查图标类名是否正确，区分 fas（实心图标）和 far（空心图标）
• 确保网络正常，能访问到图标库的CDN链接

3.3 链接无法跳转

• 检查 href 属性值是否为有效的URL地址
• 确认链接地址没有拼写错误
• 如需在新标签页打开，保留 target="_blank" 属性