Using SLDS Icons

DEX602 - Unit 2 Introducing Lightning Web Components

📄 第 87 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce中使用SLDS图标。SLDS,也就是Salesforce Lightning Design System,提供了超过200个图标,这些图标可以帮助你在应用程序中更直观地展示信息。 这些图标被分成了几个类别,比如“行动”、“自定义”、“DOCTYPE”、“标准”和“实用”。每个图标都有一个特定的名称,你可以通过“类别名称:图标名称”的方式来引用它们。 举个例子,如果你想在你的Lightning组件中使用一个“添加联系人”的图标,你可以这样写: ```html
// 这里放你的内容
``` 在这个例子中,`icon-name="action:add_contact"` 就是引用了“行动”类别下的“add_contact”图标。这样,你的卡片上就会显示一个添加联系人的图标,让用户一眼就能明白这个卡片的功能。 记住,选择合适的图标可以让你的应用界面更加友好和专业。所以,花点时间去熟悉这些图标,看看哪些最适合你的应用场景。