极星123
极星123
  • 发布:2020-11-19 14:31
  • 更新:2020-11-19 17:43
  • 阅读:1630

【报Bug】nvue elevation会提升层级,数值越高,层级越高

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.8.13

手机系统: Android

手机系统版本号: Android 7.1.1

手机厂商: 模拟器

手机机型: 逍遥模拟器 Android7.1.2

页面类型: nvue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

一个组件A(<view>xxxx</view>),设置position:fixed,然后elevation:8px,
另一个组件B(<view>xxxx</view>),放于A下面,设置position:fixed,不设置elevation

预期结果:

按照nvue,组件放于下面,层级越高,B应该覆盖在A上面

实际结果:

结果相反,A覆盖在B上面,只有B设置相对应的elevation属性,并且要大于A的elevation属性值才行

bug描述:

nvue elevation会提升层级,数值越高,层级越高

2020-11-19 14:31 负责人:DCloud_Android_ST 分享
已邀请:

最佳回复

DCloud_Android_ST

DCloud_Android_ST

设置elevation后当前组件的层级会高于其他未设置elevation组件的层级,都设置elevation值域越大则层级越高!组件覆盖的场景需要留意
文档已补

  • 极星123 (作者)

    谢谢回答!

    但是,设置阴影很常见,因为设置了elevation,导致组件层级升高,这样就有点不妥了,

    nvue下,又是不能手动设置层级数,而且设置了css阴影又会导致其他问题,如页面闪烁等;

    所以按照官方文档,阴影用elevation设置,结果又引出这个问题,这样就没啥用处了,希望官方能有更好的方法,谢谢,辛苦了

    2020-11-19 18:28

  • 极星123 (作者)

    还有就是elevation不能设置颜色等

    2020-11-19 18:29

  • DCloud_Android_ST

    回复 极星123: 文档有说 不支持颜色

    2020-11-19 19:26

  • 极星123 (作者)

    回复 DCloud_Android_ST: 建议官方能够支持,谢谢

    2020-11-19 21:11

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