3***@qq.com
3***@qq.com
  • 发布:2019-05-09 17:18
  • 更新:2019-05-09 17:18
  • 阅读:1707

【报Bug】app-plus 取消导航栏之后,当图片模式设为mode="aspectFill"且图片处于铺满状态时无效

分类:uni-app

详细问题描述

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

2019-05-09 17:18 负责人:无 分享
已邀请:

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