Circle

环形进度指示。

引入

  1. import { Circle } from 'we-vue'
  3. Vue.use(Circle)

例子

指定线宽

  1. <wv-circle :line-width="3" value="12">12 %</wv-circle>

指定填充色

<wv-circle :line-width="5" fill-color="yellow" value="12">12 %</wv-circle>

指定直径

<wv-circle :line-width="10" stroke-color="red" v-model="sliderValue" :diameter="200">{{ sliderValue }}%</wv-circle>

API

参数类型说明可选值默认值
diameterNumber圆环直径100
line-widthNumber线宽4
stroke-colorString主色'#3FC7FA'
trail-colorString轨道色'#D9D9D9'
fill-colorString圆环内部填充色'none'
speedNumber缓动速度（单位 ms）500
valueNumber当前百分比0

Slots

name描述
-圆环中部内容