打开app
1***@qq.com
- 发布：2020-06-30 11:21
- 更新：2020-07-22 18:51
- 阅读：1177
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.14
手机系统： Android
手机系统版本号： Android 6.0
手机厂商： 模拟器
手机机型： 夜神模拟器
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
正常显示
正常显示
实际结果：
显示不正常
显示不正常
bug描述：
HBuilder升级2.7之后是不是rpx的转换出现问题了（在一定分辨率下），2.6.16是正常的，2.7.14显示就有问题了(第二张)，但是在nvue页面又没有问题(第三张),然后就是没有设置竖屏，应该不是横竖屏切换的问题,只在app端有问题,小程序端没问题。（新增）,下面有两个默认事例，2.6.16的编译出来和2.7以上版本不一致
.vue 测试 rpx 未能复现, 1920*1080 仍然能铺满屏幕, 你可以用下面这个简单的示例，自己测试一下
<template>
<view class="container">
<view class="A">第一行 A</view>
<view class="B">第二行 B</view>
</view>
</template>
<script>
export default {
}
</script>
<style>
.container {
display: flex;
height: 1080px;
}
.A {
width: 375rpx;
height: 100%;
background-color: #1AAD19;
}
.B {
width: 375rpx;
height: 100%;
background-color: #FFB400;
}
</style>
1***@qq.com (作者)
<template>
<view class="content">
<image class="logo" src="/static/logo.png" style="width: 180rpx;height: 180rpx;"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
/* height: 180rpx;
width: 180rpx; */
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
1***@qq.com (作者)
没有呢
2020-07-03 09:04
1***@qq.com (作者)
都没人回复，好惨
2020-07-03 09:07
2***@qq.com
回复 1***@qq.com: 今天早上打个包，页面突然就少了一截，慌的一批，版本回退就正常了
2020-07-03 09:11
1***@qq.com (作者)
回复 2***@qq.com: 但是旧版本会有些bug，而且2.6.16估计到2.9版本就会撤了，治标不治本
2020-07-03 09:13
2***@qq.com
回复 1***@qq.com: @官方@大佬，来解决一下子啊，加急
2020-07-03 09:16
1***@qq.com (作者)
回复 2***@qq.com: 怎么@,叫不来，哈哈
2020-07-03 10:12
1***@qq.com (作者)
回复 2***@qq.com: 你找到问题了吗
2020-07-08 09:07