小程序component读取使用app.wxss

在默认情况下，小程序

component

是读取不了app.wxss的全局样式的。自定义组件的样式只受到自定义组件 wxss 的影响。除非以下两种情况

1. app.wxss 或页面的 wxss 中使用了标签名选择器（或一些其他特殊选择器）来直接指定样式，这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法
2. 指定特殊的样式隔离选项 styleIsolation 。

那如何使得app.wxss的全局样式影响小程序

component

方法一

/* 组件 custom-component.js */
Component({
  options: {
    styleIsolation: 'apply-shared' //isolated(默认), apply-shared, shared
  }
})
           

方法二

/* 组件 custom-component.js */
Component({
  options: {
    addGlobalClass: true,
  }
})
           

参考来源: https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html