课程章节介绍
让我们来聊聊Salesforce中的代币(Tokens)以及如何在STYLE资源中使用它们。
首先,代币是一种在Salesforce Lightning Design System (SLDS) 中定义的设计变量。它们可以帮助我们统一管理样式,比如字体、颜色、间距等。这样,当我们需要更改这些样式时,只需要修改代币的值,而不需要逐个修改每个组件的样式。
在你的命名空间中,如果你在`defaultTokens`捆绑包中创建了代币,那么这些代币会自动可用于你命名空间中的组件的STYLE资源。这意味着你可以在任何组件的样式表中使用这些代币。
接下来,我们来看看如何在STYLE资源中使用这些代币。你可以使用`token()`或`t()`函数来引用这些代币。这两个函数的作用是一样的,只是`t()`是`token()`的简写形式。
举个例子,假设你有一个自定义的代币叫做`myBodyTextFontFace`,你可以这样使用它:
```css
/* 使用自定义代币 */
p {
font-family: t(myBodyTextFontFace);
font-weight: t(myBodyTextFontWeight);
}
```
在这个例子中,`t(myBodyTextFontFace)`会返回`myBodyTextFontFace`代币的值,并将其应用到`p`标签的`font-family`属性上。
同样地,如果你想使用SLDS中预定义的代币,比如`fontFamily`,你可以这样写:
```css
/* 使用SLDS fontFamily代币 */
.This division {
font-family: t(fontFamily);
}
```
这里,`t(fontFamily)`会返回SLDS中定义的`fontFamily`代币的值,并将其应用到`.This division`类的`font-family`属性上。
总结一下,代币是一个非常强大的工具,可以帮助我们更高效地管理样式。通过使用`token()`或`t()`函数,我们可以轻松地在STYLE资源中引用这些代币,从而保持样式的一致性和可维护性。
希望这个解释对你有帮助!如果你有任何问题,随时问我。