xp-circledeprecated

Vue(1.0) component based vux circle

Usage no npm install needed!

<script type="module">
  import xpCircle from 'https://cdn.skypack.dev/xp-circle';
</script>

README

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的路径末端小圆圈（可控制）