vantui icon indicating copy to clipboard operation
vantui copied to clipboard

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

Open Linxiaoxxx opened this issue 1 year ago • 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 ( <View className='w-full h-full py-4 overflow-y-auto bg-#f9f9f9'> <View className='w-full px-24 py-18 mb-40 text-center text-32 font-500 bg-#fff text-#2F73E7'>ALHXZ 日报-202405012</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>

    <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

Linxiaoxxx avatar Apr 16 '24 07:04 Linxiaoxxx