当前位置: 首页 > 工具软件 > Taro UI > 使用案例 >

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

东郭自珍
2023-12-01

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

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

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

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

 类似资料: