vantui
vantui copied to clipboard
Circle组件在多元素页面中无法渲染
这个 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