微信小程序开发 | 狗子的博客

# 微信小程序开发

微信小程序不支持像>>>, /deep/之类的语法去修改组件内部的样式，需要通过组件暴露一个类名，然后父级通过生命这个类名的值，达到覆盖的作用，如下

// 组件内部
Component({
  // 暴露一个类名，然后写在组件模板上
  externalClasses: ['sub-class']
})

// 组件样式
<view class="wrapper sub-class"></view>

// 父级使用
<view>
  <component sub-class="subClass" />
</view>

.subClass {
  font-size: 100px !important;
}

微信小程序不支持css中背景图片引用本地资源，比如background-image: url('./images/test.png')，这样子是会失败的，需要手动把图片转成base64或者链接的形式引入