详细问题描述
app-plus 取消导航栏之后,当图片模式设为mode="aspectFill"且图片处于铺满状态时无效。
当把```javascript
"titleNView": false
或者当页面导航栏处于关闭状态,但图片的height值低于screenHeight - 导航栏高度时,mode="aspectFill"是可以生效的。
[内容]
## 重现步骤
[步骤] **页面的pages.json设为**
```javascript
{
"path" : "pages/vip-opening/vip-opening",
"style" : {
"navigationStyle": "custom",
"app-plus": {
"titleNView": false
},
"h5": {
"titleNView": false
}
}
}
然后将要铺满背景的图片的标签设为:
<image class="vip-bg" mode="aspectFill" src="https://img.bajiaostar.com/FvmjHz0AyqEZvhF-MGG9NwwFQobm"></image>
图片的样式设为:
.vip-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
vertical-align: middle;
}
[结果] 在小程序和h5中图片的短边得以完全显示,但是在app中图片的短边并没有完全显示。
[期望]在小程序和h5以及app图片的短边都得以完全显示。当把图片的height: 100vh; 改为height: 80vh;时,图片的mode="aspectFill" 是可以生效的。但是一旦height到某个临界点时(height值大于screenHeight - 导航栏高度时),mode="aspectFill"便会失效。
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号]1.9.4.20190426
[windows版本号]10
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?] app
[运行端版本号]1.9.4
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]HBuilderX
[编译模式是老模板模式还是新的自定义组件模式?]老模板模式
App运行环境说明
[Android版本号]8.1
[iOS版本号]
[手机型号]JSN-AL00A (荣耀8x)
[模拟器型号]
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]319154546
0 个回复