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>