微信小程序-修改自定义（第三方）组件样式

问题：小程序官方文档明确指出，引入的第三方自定义组件，是不可以对其进行CSS样式覆盖的，但是我们还想要修改怎么办呢？

答案：自定义组件时定义个外部类，通过这个外部类来修改样式

例：以lin-ui/icon组件为例

1、找到miniprogram_npm/lin-ui/icon/index.js,发现icon组件在定义的时候已经添加了外部类

Component({
    "externalClasses":"l-class"
})

2、找到miniprogram_npm/lin-ui/icon/index.wxml,在需要自定义样式的标签上添加 class="l-class"（一定要记得添加，不然自定义样式显示不出来的）

3、在用到icon组件的地方，添加l-class="article-item-btn-icon";

在对应的wxcss文件中，定义article-item-btn-icon样式

.article-item-btn-icon{
  display: flex;
  justify-content:center;
  align-items: center;
  font-size:12px !important;
  color: #b2bac2 !important;
}

大功告成，样式已经成功覆盖！