目标设备:Android车机 分辨率 1280(宽)x720 160dpi
.vue 和 .nvue 两个页面使用同一样式,宽度都设置为 600rpx 的 view 。
现象:发行应用wgt(编译模式uni-app),显示布局大小不一致,如附件。
问题:
- 请问是什么原因导致效果不一致,是否需要一些其他配置,包括原生端需要一些配置?
pages.json 配置
"globalStyle": {
"rpxCalcMaxDeviceWidth": 750,
"rpxCalcBaseDeviceWidth": 750,
"rpxCalcIncludeWidth": 750,
"dynamicRpx": true
}
发行应用wgt运行效果,见附件。
页面代码如下,内容一样,后缀分别是 .vue 和 .nvue
<template>
<view class="content">
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello_VUE'
}
},
onLoad() {
},
methods: {
}
}
</script>
<style>
.content {
/* display: flex; */
flex-direction: column;
/* align-items: center; */
justify-content: center;
}
.text-area {
display: flex;
justify-content: center;
background-color: #DD524D;
width: 600rpx;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
Woolle (作者)
只试了wgt,是android
2022-02-23 18:06
[已删除]
回复 Woolle: 你打包成wgt.然后怎么运行呢
2022-02-23 19:35
Woolle (作者)
回复 [已删除]: 放在外置存储,通过 DCUniMPSDK.getInstance().releaseWgtToRunPath 释放wgt后, DCUniMPSDK.getInstance().openUniMP 打开
2022-02-24 09:27
[已删除]
回复 Woolle: 明白。我试一下
2022-02-24 11:38
Woolle (作者)
回复 [已删除]: 有时间帮忙看下这个问题,感谢!
2022-02-28 09:28
[已删除]
回复 Woolle: 我这边测试没复现啊。 能提供一个具体的示例吗。 或者你加我qq 发我 643833712
2022-02-28 12:24