jackybian
jackybian
  • 发布:2022-07-04 16:42
  • 更新:2022-07-06 21:06
  • 阅读:260

【报Bug】页面中,引入“孙子组件”时候,“孙子组件”中的字体rpx解析出错

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 12.2.1 (21D62)

HBuilderX类型: 正式

HBuilderX版本号: 3.4.18

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: 6s

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

主首页代码块:

<template>  
    <view class="container">  
        <view>111111</view>  
        <List></List>  
        <view>2222</view>  
    </view>  
</template>

List组件的代码块:

<template>  
    <view>  
        <view>test</view>  
        <Loading></Loading>  
        <view>test</view>  
    </view>  
</template>

Loading组件的代码块:

<template>  
    <view class="loadingWrap">  
        加载中...  
    </view>  
</template>  

<script>  
</script>  

<style >  
    .loadingWrap {  
        text-align: center;  
        font-size: 12rpx;  
        color: #999;  
        min-height: 200rpx;  
        display: flex;  
        align-items: center;  
        justify-content: center;  
    }  
</style>  

操作步骤:

如上代码第一次预览即可复现

预期结果:

希望子子组件的字体正常显示为12rpx

实际结果:

设计上子子组件的字体大小可能是6px的样子。

bug描述:

页面中 嵌套 子组件,该子组件再嵌套 子组件时候,这个子子组件字体rpx解析出错,字体非常小,设置了12rpx,明显不是。

在demo上特别重现了下,可以复现,故来上报。

原始代码已上传附件。

2022-07-04 16:42 负责人:DCloud_UNI_GSQ 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

编译应该是没有问题的,和是否孙子组件也没有关系
在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素

该问题目前已经被锁定, 无法添加新回复