diff --git a/docs/guide/common-problems.md b/docs/guide/common-problems.md index 90f2dfcb..ea32e5ad 100644 --- a/docs/guide/common-problems.md +++ b/docs/guide/common-problems.md @@ -118,6 +118,15 @@ export default { ``` +## 为何我修改了$-color-theme,有的组件颜色没有改变? +目前 `Wot Design Uni` 部分组件使用了渐变,不会直接应用`$-color-theme`,所以目前使用`$-color-theme`修改主题色,只会改变部分组件的颜色,不会改变渐变组件的颜色。 +如果需要修改渐变组件的颜色,请将`variable.scss`中`$open-linear: true !default;`改为`$open-linear: false;`。 + +::: tip 推荐方案 +我们为每个组件提供了`css 变量`,可以参考[config-provider](../component/config-provider)组件的使用介绍来定制主题。 +::: + + ## 关于我们 **如果您的问题不在上述列表中或您有更好的建议,请联系我们 [Moonofweisheng](https://github.com/Moonofweisheng/wot-design-uni)** diff --git a/docs/guide/custom-theme.md b/docs/guide/custom-theme.md index ba0c4530..9c515fa3 100644 --- a/docs/guide/custom-theme.md +++ b/docs/guide/custom-theme.md @@ -2,9 +2,7 @@ Wot Design Uni 每1个组件基本都有自定义类名 custom-class,可以在组件根节点加入你页面上的类名,进行样式修改。 -## 自定义样式 - -在 Wot Design Uni 的源码中,样式是通过 SCSS 进行编写的,主题色和各个组件的一些样式都是通过 SCSS 变量进行配置,因此,如果要更深层次地进行主题自定义,自己根据 Wot Design Uni 的样式变量定义一套变量文件即可。 +## 主题介绍 ### 主要变量介绍 @@ -118,12 +116,6 @@ Wot Design Uni 每1个组件基本都有自定义类名 custom-class,可以在
  • 2%
    表头填充色
  • -### 自定义 Sass 变量 +## 定制主题 -开发者自己参考 `@/uni_modules/wot-design-uni/components/common/abstracts/variable.scss` 文件中的scss变量`uni.scss`文件中重新定义一份自定义主题变量。 -例如: -```scss -// uni.scss -$-color-success: red !default; - -``` +我们为每个组件提供了`css 变量`,可以参考[config-provider](../component/config-provider)组件的使用介绍来定制主题。