uni-app nvue elevation属性会提升层级 数值越高 层级越高

uni-app nvue elevation属性会提升层级 数值越高 层级越高

6 回复

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

更多关于uni-app nvue elevation属性会提升层级 数值越高 层级越高的实战教程也可以访问 https://www.itying.com/category-93-b0.html


谢谢回答！ 但是，设置阴影很常见，因为设置了elevation，导致组件层级升高，这样就有点不妥了， nvue下，又是不能手动设置层级数，而且设置了css阴影又会导致其他问题，如页面闪烁等； 所以按照官方文档，阴影用elevation设置，结果又引出这个问题，这样就没啥用处了，希望官方能有更好的方法，谢谢，辛苦了

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

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

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

在uni-app的nvue中，elevation属性确实会影响元素的层级（z-index），数值越大层级越高。这是Android原生的阴影效果属性，在nvue中直接映射为Android的elevation特性。

使用时注意：

  1. elevation值必须是数字，单位是dp
  2. 只对Android平台有效，iOS需要使用box-shadow实现类似效果
  3. 高elevation值的元素会覆盖低值的元素
  4. 默认elevation为0

示例代码：

<view elevation="5"></view>
<view elevation="10"></view> <!-- 这个view会显示在上层 -->
回到顶部