uview-next/components/u-circle-progress/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';

export default defineProps('circleProgress', {
	// 圆环进度百分比值
	percent: {
		type: Number,
		default: 0,
		// 限制值在0到100之间
		validator: val => {
			return val >= 0 && val <= 100;
		}
	},
	// 底部圆环的颜色（灰色的圆环）
	inactiveColor: {
		type: String,
		default: '#ececec',
	},
	// 圆环激活部分的颜色
	activeColor: {
		type: String,
		default: '#19be6b',
	},
	// 圆环线条的宽度，单位rpx
	borderWidth: {
		type: [Number, String],
		default: 14
	},
	// 整个圆形的宽度，单位rpx
	width: {
		type: [Number, String],
		default: 200
	},
	// 整个圆环执行一圈的时间，单位ms
	duration: {
		type: [Number, String],
		default: 1500
	},
	// 主题类型
	type: {
		type: String,
		default: ''
	},
	// 整个圆环进度区域的背景色
	bgColor: {
		type: String,
		default: '#ffffff'
	}
})