自定义充电量按照百分比变化如何实现？（储能、自定义组件）

首先看需求：

想要实现如上图所示的充电量变化的一个动态效果。我们可以首先在页面div盒子里定义一个组价，在组建内部去进行相应代码的编写，代码如下：

electric组件代码：

为什么要传入skin这个参数值呢，就是为了在父组件中去判断电量的临界值，为了确保组件的可复用性，不同业务需求对于电量小于多少报红的要求是不一样的，例如有时候我要求电量小于20%变红，有时候我要求电量小于5%报红，所以在父组件判断会使代码可复用性增强。