定义一个组件 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']
})
有人知道处理吗?
0 个回复