iview WrapStyles of [Bug Report] base/notification.vue file sets Z-index to 1010 this.tIndex, which invalidates the custom style of_z-index set in less.

7gyucuyw 于 2022-10-22 发布在其他

关注(0)|答案(3)|浏览(207)

Environment

mac os 10.13/ chrome / vue2

Reproduction link

https://run.iviewui.com/XIDxoE6V

Steps to reproduce

less 设置@zindex-message : 3010;@zindex-notification : 3010;无效，因为组件里写成1010死的数据了

What is expected?

z-index还是希望可以�放出来给用户修改

What is actually happening?

目前用户修改后css样式会被元素自身style样式覆盖，传入的style参数中的z-index也会被重写

示例用的iview run 一个黑色的1200层级�div会覆盖掉一个设置了3000的message，因为组件里面写死了只能是1010的

iview

来源：https://github.com/iview/iview/issues/5255

3条答案

按热度按时间

e37o9pze1#

Translation of this issue:

Environment
Mac OS 10.13/chrome/vue2
Reproduction link
https://run.iviewui.com/XIDxoE6V
Steps to reproduce
Less settings @zindex-message: 3010; @zindex-notification: 3010; invalid because the component is written as 1010 dead data
What is expected?
Z-index still wants to be released for user modification
What is actually happening?
The current user-modified CSS style will be overwritten by the element's own style, and the Z-index in the style parameter passed in will also be rewritten.

The example iView run with a black 1200-level div overrides a message with 3000 settings, because the write-dead component can only be 1010.

赞(0）回复(0）举报 2022-10-22

zbdgwd5y2#

对呀，求解决方案。modal可以自定义zindex，但是message写死了1010，modal的zindex自定义太高了就不能用this.$message了

赞(0）回复(0）举报 2022-10-22

h5qlskok3#

怎么解决啊？

赞(0）回复(0）举报 2022-10-22