工作中遇到的问题

工作中遇到的问题

由于上班期间会遇到各种奇葩问题，在这做个总结。

1、父组建引用自组件后，如何修改自组件内的样式。
我们知道在父组件直接修改自组件样式是不可行，所以需要用到深度作用选择器。<<<.
用法：给在父组件中的子组件加个类名，深度选择子组件需要修改样式的类名。

在这里插入图片描述

2、如果页面上需要展示多个dialog，如何让他们平级展示。
同时展示多个弹框，只展示一个弹框原因是层级z-index值不同，值比较大的就会展示在最上面，可以打开控制台直接看出。
这就需要用到属性：modal
思路：dialog先后顺序重叠的问题，可以使用偏移让他们错开，然后遮罩层导致不能点击层级低的弹框，就使用modal去关闭层级高的，然后再去关闭层级低的弹框。也可以额外使用close-on-click-modal来取消通过点击modal关闭dialg

https://segmentfault.com/a/1190000038219170，详细链接。

有个问题，如果我需要最下面弹框显示在最上面，怎么实现？
思路：修改最下面的z-index，没错这个是可以的，但是有一点需要注意z-index是作用在浮动元素上的，所以要给要显示在最上面加浮动，然后设置z-index值，如果控制台里z-index没有改变，效果还没出现，那就是你浮动加的位置不对。