xp-circle v0.0.1

getting started

xp-circle是个vue组件

安装

npm install --save xp-circle

引用

import FloatButtons from 'xp-circle'

使用

<circle :percent="[50]"
        :stroke-width="5"
        :stroke-color="['#0EB597']"
        :trail-width="5"
        trail-color="rgba(210,210,210,.5)"
        :show-end-circle="true"
        :end-circle-radius="7"
        :end-circle-stroke-width="3"
        :end-circle-stroke-color="['rgba(14,181,151,0.5)']">

caveat

• 目前百分比参数需要传入数组（即使只有一段）

more

release

• 0.0.1
  • 相对vux组件——支持多段路径的设置
  • 相对vux组件——添加svg的路径末端小圆圈（可控制）