@rax-ui/progress NPM | npm.io

1.0.0-beta.62 • Published 5 years ago

Install

Weekly downloads

53

License

-

Repository

Last release

5 years ago

display: Progress

family: Data Display

Progress

用于展示操作的当前进度。

API

Props

名称	说明	类型	默认值
shape	形态可选值：`circle` (weex 不支持), `line`	enum	`line`
percent	所占百分比, 可选值： 0 - 100	number	0
barWidth	进度条宽度, 单位 `px`	number	4
size	进度条大小（仅在 `shape='circle'` 时生效）	string/number
color	颜色	string
platform	组件的平台特有样式, 可选值有 `iOS` 或 `Android`, 由 `ConfigPovider` 传入	enum	`iOS`
style	`style` 属性	object	{}
className	`className` 属性	string
children	仅在 `shape='circle'` 时生效，为进度条的百分比文字或者自定义渲染节点	node

CSS API

名称	说明
linear-progress	`shape='linear'` 时样式
linear-progress__track	`shape='linear'` 时轨道样式
linear-progress__bar	`shape='linear'` 时进度条样式
circle-progress	`shape='circle'` 时样式
circle-progress__track	`shape='circle'` 时轨道样式
circle-progress__bar	`shape='circle'` 时轨道样式
circle-progress__text-wrap	`shape='circle'` 时文本层样式
circle-progress__text	`shape='circle'` 时文本样式

Rax rax-component

@rax-ui/styles rax-find-dom-node rax-is-valid-element rax-text rax-view universal-env

@infinitebrahmanuniverse/nolb-_rax @everything-registry/sub-chunk-760 @rax-ui/upload @zalastax/nolb-_rax

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago