uni-app编译微信小程序组件调用组件 CSS不生效的问题

定义一个组件 btn,设置样式

复制代码<template>  
  <view class="btn"></view>  
</template>  

<style>  
.btn{  
  width: 100rpx;  
  height: 100rpx;  
  background-color: red;  
}  
</style>

定义另一个组件 box 引入 btn, 修改背景颜色不生效

复制代码<template>  
  <view class="box"><btn></btn></view>  
</template>  

<script>  
import Btn from '@/components/btn'  
export default {  
  components: { Btn }  
}  
</script>  

<style>  
.box .btn {  
  background-color: blue !important;  
}  
</style>

编译成微信小程序时, 在组件中引用组件怎么样都不生效,但是在页面中引用是可以覆写的

看了微信的文档, 有这样一个选项是可以添加样式的 但是不知道怎么加上去

复制代码/* 组件 custom-component.js */  
Component({  
  externalClasses: ['my-class']  
})

有人知道处理吗?