修改taro-ui的样式,在自定义组件中使用taro-ui,修改ui框架样式

其实修改ui框架的样式还是很容易碰见的,但是每个框架处理的方式可能还有点不太一样,
taro编译出来的小程序样式。
addGlobalClass 添加这个 只能让我们修改页面中的taro-ui 样式 但是在自定义的组件中 怎么修改呢

其实也简单, 首先taro-ui中修改样式 我们直接找到那个 类名进行覆盖就行了,
注意 不是在组件的样式文件中, 是必须在page页面的样式文件中进行样式覆盖

/**
 * page/index/index.scss 必须在 Page 上
 * .at-button 为组件内部类名,只需要写一样的类名去覆盖即可,但需要注意层级问题。(使用方式跟传统 CSS 一样)
 **/
.my-button.at-button {
  color: red;
}

关注我 持续更细前端知识。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunchong_zhao

帮到你了,请作者喝杯矿泉水可好

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值