AntmJS/vantui

Circle组件在多元素页面中无法渲染

Opened this issue · 0 comments

这个 Issue 涉及以下平台:

  • [√] 微信小程序
  • 支付宝小程序
  • 百度小程序
  • 头条小程序
  • 快手小程序
  • QQ 轻应用
  • Web 平台(H5)

BUG 描述
页面元素不多的时候,Circle组件可以正常渲染;但是如果我的页面元素比较多,我无法在后面渲染Circle
复现步骤
`import { Circle, Divider } from '@antmjs/vantui'
import TableList from '@/components/tableList'
import { View } from '@tarojs/components'

export default function ReportDetail() {
return (

ALHXZ 日报-202405012

  <View className='px-20'>
    <View className='main-title mb-8'>威胁概览</View>
    <View className='sub-title mb-20'>威胁事件</View>

    <View className='sub-title mb-20'>危险资产</View>

    <Divider className='my-48' />
  </View>
  <View className='px-20'>
    <View className='main-title mb-8'>流量监控</View>
    <View className='sub-title mb-20'>概括统计</View>
    <View className='sub-title mb-20'>客户端请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <View className='sub-title mb-20'>域名请求排行</View>
    <Divider className='my-48' />
  </View>
  <View className='px-20'>
    <View className='main-title mb-8'>数据备份情况</View>
    <View className='sub-title mb-20'>备份概览</View>
    <View className='flex items-center gap-x-70 normal-shadow px-80 py-40 rounded-16 bg-#fff circle'>
      <Circle value={30} layerColor='#e9e9e9' color='#2f73e7' strokeWidth={12} clockwise={false} />
    </View>
  </View>
</View>

)
}
`
期望结果
正常渲染
实际结果

截图
环形进度条-正常
环形进度条-不正常

环境

附加信息
Taro 3.6.25
@antmjs/vantui 3.3.5