图标组件与字体资源怎样封装才能避免样式泄漏和线上缺字

核心结论

图标组件的价值不只是少写几行标签，而是统一图标名称、尺寸、颜色、无障碍语义和资源加载策略。字体图标可以用于颜色单一、数量较多且风格稳定的图标集合，但它不是默认最优解；对于关键品牌图形、多色图标或需要精确控制的图形，应评估本地图片、精灵图或平台支持的其他资源形式。无论选择哪种方式，组件对外都应暴露语义化接口，而不是让业务页面依赖字体编码。

底层机制与决策依据

自定义组件需要在组件配置中声明，并通过 properties 接收 name、size、color、disabled 等输入。内部将语义名称映射为受控类名或字符，点击时通过 triggerEvent 发出稳定事件。业务方不应