电池百分比组件

基本使用

50%

50%

<template>
    <yb-percent-battery :width="100" :percentage="50" />
</template>
<script>
    export default {};
</script>

显示 复制 复制

自定义颜色

50%

50%

<template>
    <yb-percent-battery :width="100" :percentage="50" color="#992389" />
</template>
<script>
    export default {};
</script>

显示 复制 复制

支持超过100%的情况

150%

150%

<template>
    <yb-percent-battery :width="100" :percentage="150" />
</template>
<script>
    export default {};
</script>

显示 复制 复制

Props

参数	说明	类型	可选值	默认值
percentage	百分比，例如50、50%	number / string	--	0
color	颜色，支持符合css格式的颜色	string	--	rgb(227, 171, 29)
width	电池宽度，单位px	number	--	60