Ark UI 环形进度组件(Progress Circular)无法显示的问题求助
Ark UI 环形进度组件(Progress Circular)无法显示的问题求助
我第一次尝试用 Ark UI,结果在使用环形进度组件的时候碰上个头疼的问题——组件完全不显示。
最开始我写的代码是这样的:
<Progress.Root value={70} min={0} max={100}> <Progress.ValueText /> <Progress.Circle> <Progress.CircleTrack /> <Progress.CircleRange /> </Progress.Circle> </Progress.Root>
运行后页面上啥都没出现,我以为是样式没给够,又试着加了内联样式调整:
<Progress.Root value={70} min={0} max={100}> <Progress.ValueText /> <Progress.Circle style={{ width: '100px', height: '100px', position: 'relative' }} > <Progress.CircleTrack style={{ stroke: 'lightgray', strokeWidth: '10', fill: 'none', position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }} /> <Progress.CircleRange style={{ stroke: 'blue', strokeWidth: '10', fill: 'none', width: '100%', height: '100%', transformOrigin: 'center', }} /> </Progress.Circle> </Progress.Root>
结果还是没任何显示,我是不是漏了什么关键步骤或者配置呀?有没有用过 Ark UI 的大佬能帮我排查下问题?
内容来源于stack exchange
相关产品推荐
相关产品推荐

