hexagonal-progress
v1.0.1
Published
hexagonal-progress
Downloads
1
Maintainers
Readme
HexagonalProgress
六边形动态进度条
安装
npm install hexagonal-progress
参数描述
borderColor:边框颜色 String
progressColor:进度颜色 String
bgColor:背景色 String
fontColor:字体颜色 String
fontSize:字体大小(单位px) String
width:宽度(单位px)String
startRad:初始角度(-360°,360°) Number
number:进度(0-1)Number
vue代码
<script >
import HexagonalProgress from "hexagonal-progress"
export default {
data(){
return {
option:{
borderColor: '#8ee6ff',
progressColor: '#0dc1f2',
bgColor: 'rgba(24,160,206,0.12)',
fontColor: '#0dc1f2',
fontSize: '16px',
width: '100px',
startRad: -120,
number: 0.11,
}
}
}
}
</script>
<template>
<HexagonalProgress :option="option"></HexagonalProgress>
</template>