问题:样式穿透失效
在页面中,单独使用uview组件中任意一个,样式穿透复写,在当前页面能有效穿透;
当把组件抽离,作为子组件引用后,样式穿透失效,导致页面塌陷
延伸
使用所有ui组件,都是会导致样式穿透失效的问题,实测
原因
uniapp,在运行编译之后,默认情况下,wxss的自定义样式只会受到自定义组件的影响
https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html#%E7%BB%84%E4%BB%B6%E6%A0%B7%E5%BC%8F%E9%9A%94%E7%A6%BB
解决办法
直接在内部使用解除隔离
options: {
styleIsolation: 'shared', // 解除样式隔离
}