未映射到主题变量时如何自定义 Nebular 组件样式
How to customize Nebular component style if it is not mapped to a theme variable
我知道如何更改主题变量来自定义组件,但是没有主题变量可以更改怎么办?
简答
如果你想编辑 card-border-width,那么就像编辑主题变量一样编辑它。
card-border-width: 0;
长答案
将 Name 和 Theme variables 视为 scss 变量,在编程方面确实没有层次结构,因为它们可以以任何方式编辑和组合。
以卡片文字颜色为例
text-basic-color: #222b45;
card-text-color: text-basic-color;
现在,如果您想更改卡片文本颜色,可以编辑文本基本颜色或卡片文本颜色以获得相同的结果。如果您只想将此设置应用于卡片,请更改卡片文本颜色。如果您希望所有组件(整个主题)都继承颜色,请更改 text-basic-color 。在card-border-width的情况下,没有主题变量所以直接编辑card-border-width。
我知道如何更改主题变量来自定义组件,但是没有主题变量可以更改怎么办?
简答 如果你想编辑 card-border-width,那么就像编辑主题变量一样编辑它。
card-border-width: 0;
长答案 将 Name 和 Theme variables 视为 scss 变量,在编程方面确实没有层次结构,因为它们可以以任何方式编辑和组合。 以卡片文字颜色为例
text-basic-color: #222b45;
card-text-color: text-basic-color;
现在,如果您想更改卡片文本颜色,可以编辑文本基本颜色或卡片文本颜色以获得相同的结果。如果您只想将此设置应用于卡片,请更改卡片文本颜色。如果您希望所有组件(整个主题)都继承颜色,请更改 text-basic-color 。在card-border-width的情况下,没有主题变量所以直接编辑card-border-width。