[iView]重写组件效果-以Badge组件为例

---

为什么要重写效果?

• 看完了iView源码，它的组件生成是一个立即JS函数从工厂模式中直接导出的，这就使得重载(主要是添加)某些组件的显示效果的写法比较不好动态处理。
• 官方文档在>自定义主题<里给出的是利用less重写变量覆盖原有的"i-vu-"的class效果，但如果要增添某种效果，就很难实现。

以Badge组件为例，实现processing的显示效果

在>Badge:状态点<中，对于status="processing"，其默认色值只有#2d8cf0，也就是:

而显示效果为：

而我如果想让上面的status="Success"及"Error"同时带有这个光圈散发的CSS动画，在不修改或覆盖全局iView样式、不做非常大的工作的前提下，如何动态添加这个效果？

现已知:

• 使用给<Badge> 添加class="myProcessing"