微信小程序——样式覆盖

在我们引入组件时，小程序无法通过增加类名等方式对样式进行覆盖，查阅资料，我们可以这样做：

以开发中的一个实例为例：

自定义一个组件 Tfooter.wxml
其中有一个类，一会我想要对其中的样式进行覆盖，如果覆盖后，之前所有的样式都不再生效

<view class="blank" />

在Tfooter组件中，我想要覆盖的类名为blank

在对应的js文件中，将该类名暴露出去

Tfooter.js 中
Component({
  externalClasses:['blank'],   // 将blank类暴露出去
 })

在使用Tfooter组件中

home.wxml文件中

<t-footer blank="myfooter"/>    // 将Tfooter组件中的blank类重新命名为myfooter

home.wxss中

  .myfooter{
    margin-bottom: 100rpx;
  }

成功啦！ 留档，希望可以帮到你哦~

人生这条路上，你总要做些什么的，对吗？