解决思路
具体步骤
1.找到需要修改的标签
<view class='horizontal-list'>
<view><text class='number'>{{leftNum}}</text><text class='unit'>{{leftUnit}}</text></view>
<view class='des'>{{leftTitle}}</view></view>通过对组件的观察，我们需要覆盖的标签的class分别为 number，unit
2.在组件的js文件中将这两个class暴露
Component({
externalClasses: ['number','unit'],})
3.在引用页面引用该组件时对暴露出的class进行覆盖
<horizontalList number='newnumber' unit='newunit'></horizontalList>
4.在wxss文件中添加需要修改的样式
.newnumber {
font-size: 52rpx;
font-weight: bold;
color: red;
line-height: 52rpx;}.newunit {
font-size: 40rpx;}
作者：前端艾希
链接：https://www.jianshu.com/p/8c35af7a7f6a
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。