empty
|
219da2b134
|
feat: 添加 SVG 图标系统替代 emoji
**新增内容**:
- BaseIcon.vue: 基础图标组件
- IconLibrary.vue: 图标库组件，包含 40+ 常用图标
- ICON_SYSTEM.md: 图标系统使用指南
- COMPONENT_REDESIGN_EXAMPLES.md: 组件重设计示例文档
**图标覆盖范围** (40+ 图标):
- 写作相关: edit, file-text, document, article
- 数据素材: database, folder, chart
- 设置工具: settings, gear
- 操作: save, copy, trash, delete, close, check
- 导航: home, menu, sidebar
- 搜索筛选: search, filter
- 状态通知: warning, error, info, success
- 分析比较: compare, analysis, sparkles
- 时间历史: history, clock
- 添加移除: add, plus, minus, expand, collapse
- 其他: download, upload, refresh, loading, list
**设计原则**:
- 使用 SVG stroke 图标，统一视觉风格
- 图标继承父元素颜色 (currentColor)
- 支持 16-48px 尺寸范围
- 完全替代 emoji，提升专业性
**使用方式**:
```vue
<IconLibrary name="save" :size="20" />
```
**后续任务**:
- [ ] 逐个组件迁移，移除 61 处 emoji
- [ ] 应用统一的按钮样式
- [ ] 优化交互反馈
- [ ] 测试响应式布局
Co-Authored-By: Claude <noreply@anthropic.com>
|
2026-01-12 01:54:33 +08:00 |
|