- filter导致overflow:hidden失效
案例代码如下: [代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"width:200px;height:200px;background:yellow;border:1px solid red;border-radius:100px;overflow:hidden"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"//file2.ih5.cn/v35/files/4365223bd2a03ce8ba2fd5f5f7e9407d_46504_500_500.jpg"[代码] [代码]style[代码][代码]=[代码][代码]"width:200px;height:200px;"[代码][代码]/>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码]<[代码][代码]view[代码] [代码]style[代码][代码]=[代码][代码]"width:200px;height:200px;background:yellow;border:1px solid red;border-radius:100px;overflow:hidden;filter:brightness(0.88)"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]"//file2.ih5.cn/v35/files/4365223bd2a03ce8ba2fd5f5f7e9407d_46504_500_500.jpg"[代码] [代码]style[代码][代码]=[代码][代码]"width:200px;height:200px;"[代码][代码]/>[代码][代码]</[代码][代码]view[代码][代码]>[代码] 下边的view只是比上边的多了个filter属性,导致下边view的overflow属性失效,下边是效果对比图: [图片]
2018-12-29 - 自定义组件shadowDOM影响flex布局
建议官方把自定义组件间flex布局失效的问题解决下,自定义组件中用shadowDOM有点违背组件的自定义性、灵活性,vue、react组件都没有shadow-root这层影子树。上次提的《自定义组件间flex布局失效问题》都快半年了,评论里也有很多同行朋友遇到这问题了,这个问题可能一时半会不好解决,但也希望官方表下态啊!
2018-10-19 - 自定义组件间flex布局失效问题
[图片] 上边是在自定义组件内插入组件,下边是在自定义组件内插入节点,插入的代码都是一样的。但组件嵌套组件,使用flex布局失效,组件嵌套节点的话布局就有效,应该是因为小程序在shadow-root外层生成包裹的节点导致的,不知哪位大神遇到此类问题,跪求解法~
2018-05-04