1.0.1 • Published 7 months ago

hexagonal-progress v1.0.1

Weekly downloads
-
License
-
Repository
-
Last release
7 months ago

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>