微信小程序子组件样式不起作用的解决办法

时间:2021-09-30 03:54:18

今天我在编写微信小程序项目时,发现父组件引用子组件过后,子组件的样式不起作用,在上网查了很多解决办法后,成功解决了这一问题。

解决办法:

1.在全局样式文件app.wxss中引入子组件的样式,如

@import "components/Tabs/Tabs.wxss";

2.在子组件的js文件中添加如下代码

 options: {
addGlobalClass: true,
},

微信小程序子组件样式不起作用的解决办法

希望对大家有帮助!