Circle

环形进度指示。

引入

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

例子

指定线宽

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

指定填充色

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

指定直径

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

API

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

Slots

name描述
-圆环中部内容