微信小程序 组件无法使用全局样式

当我们在开发微信小程序时，通常会自己写一些全局的样式放在app.wxss中，这时候如果使用自定义组件的话，会发现全局样式无法使用。

这是因为：

• 自定义组件中和页面中的class名重名，是不会产生冲突的；
• 页面中的class和自定义组件中的class重名，同样不会产生冲突；

解决方法1：

设置`addGlobalClass`；
只要在对应的子组件js文件中设置addGlobalClass属性为true即可

Component({
    
    
	options: {
    
    
		addGlobalClass: true
	},
})

解决方法2：

import 导入一些需要wxss文件
注意导入的文件路径

@import "../../app.wxss";