YbPercentBattery 电池百分比
上次更新: 2023/02/17, 19:17:19
电池百分比组件
<template>
<yb-percent-battery :width="100" :percentage="50" />
</template>
<script>
export default {};
</script>
<template>
<yb-percent-battery :width="100" :percentage="50" color="#992389" />
</template>
<script>
export default {};
</script>
<template>
<yb-percent-battery :width="100" :percentage="150" />
</template>
<script>
export default {};
</script>
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
percentage | 百分比,例如50、50% | number / string | -- | 0 |
color | 颜色,支持符合css格式的颜色 | string | -- | rgb(227, 171, 29) |
width | 电池宽度,单位px | number | -- | 60 |