Using Tokens in your STYLE Resource

DEX601 - Unit 8 Getting Ready for Production

📄 第 574 页 🎬 视频课程

课程章节介绍

让我们来聊聊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资源中引用这些代币,从而保持样式的一致性和可维护性。 希望这个解释对你有帮助!如果你有任何问题,随时问我。