<template>
<view class="container">
<view class="demo-box" :class="['demo-rpx']" :style="{width:width+'rpx',height:height+'rpx'}">测试rpx</view>
<view class="demo-box" :class="['demo-px']" :style="{width:width/2+'px',height:height/2+'px'}">测试px</view>
</view>
</template>
ThorUI_echo
- 发布：2021-12-14 14:37
- 更新：2022-02-14 17:01
- 阅读：1556
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： macOS Monterey 12.0.1
HBuilderX类型： Alpha
HBuilderX版本号： 3.3.1
浏览器平台： 手机系统浏览器
浏览器版本： 所有
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view class="container">
<view class="demo-box" :class="['demo-rpx']" :style="{width:width+'rpx',height:height+'rpx'}">测试rpx</view>
<view class="demo-box" :class="['demo-px']" :style="{width:width/2+'px',height:height/2+'px'}">测试px</view>
</view>
</template>
<template>
<view class="container">
<view class="demo-box" :class="['demo-rpx']" :style="{width:width+'rpx',height:height+'rpx'}">测试rpx</view>
<view class="demo-box" :class="['demo-px']" :style="{width:width/2+'px',height:height/2+'px'}">测试px</view>
</view>
</template>预期结果：
rpx能正常解析出来
rpx能正常解析出来
实际结果：
rpx单位失效，并且样式也直接丢失
rpx单位失效，并且样式也直接丢失
bug描述：
选择vue3发布到H5正式环境，自定义组件中，style中使用rpx单位失效，并且样式也随之丢失
附件图片宽高正常的是开发工具预览，rpx宽高失效的的为发布后的正式环境
附件demo已经提供，选择vue3发布即可验证问题。
