Progress进度条组件

2024-09-19 16:13:08首发，5小时前更新

AX-PROGRESS进度条组件是基于Progress模块的webcomponent组件。组件相对原模块，在用法上要简单些，也不需要做初始化设置，适合做项目集成；支持多种形态，包括条状、全圆、半圆和大半圆；支持多种主题颜色，包括渐变色；支持多种整体尺寸和轨道尺寸；支持任意数值的进度，不限于百分比。

简单使用

使用ax-progress节点即可表示一个进度条，当然通常会配合使用value属性以初始化。

外观类型

通过属性type设置进度条类型，支持值包括：line、circle、semicircle和gapcircle。

Attributes属性

组件的属性与内置实例的参数是一致的，有三点需要注意：

1. 组件属性全部小写。
2. 属性值都是字符串格式。
3. 属性名如果是动宾结构，或者是由两个词组成的，那么中间使用短横分开，例如：模块参数contType（如果有），在组件属性写做cont-type；参数b4Init在属性中写做b4-init。

欲了解模块的参数详细，请点击这里。

Methods方法

除了组件通用的set、reset方法外，主要使用组件内置实例自身的方法，用法举例：elem.ins.update({})。

Events事件

由于本组件内置模块实例，所以组件的事件有两类：

1. 组件通用的set、reset、connected事件，用法举例：elem.on('connected',()=>{})。
2. 来自内置实例自身的事件，elem.ins指向内置实例，用法举例：elem.ins.on('initiated',()=>{})。