【微信小程序】微信小程序组件中使用全局iconfont不生效的解决办法

微信小程序组件中使用全局iconfont不生效的解决办法

小程序官方文档解释如下

1. 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]）和标签名选择器，请改用class选择器。
2. 组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。
3. 子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。
4. 继承样式，如 font 、 color ，会从组件外继承到组件内。
5. 除继承样式外， app.wxss 中的样式、组件所在页面的的样式对自定义组件无效（除非更改组件样式隔离选项）。

注意第五条， 在组件中无法引用的， 解决办法就是在组件的wxss文件中引入iconfont文件