图标展示

loading

🎮 功能说明

本页面包含三个主要功能：

📋 全部图标

• 展示工作区内所有可用的 Vue 组件图标
• 支持搜索和分类浏览
• 一键复制图标代码

⚙️ 交互式配置

• 在线体验 QxsIcon 组件的所有图标类型
• 实时预览图标效果和属性配置
• 自动生成使用代码
• 支持错误处理和回退方案

📊 使用方式对比

• 对比不同图标类型的特点和适用场景
• 性能和兼容性分析
• 最佳实践建议

📚 详细使用说明

根据你的项目需求，选择合适的图标使用方式：

🎯 推荐使用方式

• Vue 组件图标 - 类型安全，性能最佳
• Iconify 图标 - 海量图标，快速原型

🔧 其他使用方式

• UnoCSS 图标 - 编译时优化，零运行时
• 图片 URL 图标 - 自定义图片，品牌标识
• CSS 类图标 - 兼容现有图标系统
• SVG Sprite 图标 - 本地资源管理

🎨 组件功能

关于 QxsIcon 组件的完整功能说明：

👉 QxsIcon 组件文档