课程章节介绍
让我们来聊聊Salesforce的Lightning设计系统,特别是关于SDDS组件蓝图的部分。首先,SDDS组件蓝图的最后更新是在2020年的春季,这意味着它包含了当时最新的设计和开发标准。
Lightning设计系统是一个非常强大的资源,它包含了大量的组件蓝图。如果你正在创建自己的组件,但又不想花太多时间在用户界面(UI)的设计上,那么这个系统就是你的好帮手。你可以从这里开始,直接借用类似组件的标记,这样可以节省大量的时间和精力。
在这个系统中,你会看到几个不同颜色的区域,每个区域都有其特定的功能:
1. ,红色区域,:这里展示的是组件本身。你可以点击这里来浏览各种不同的组件。当你选择一个组件时,右侧的内容会相应地变化,展示出该组件的详细信息。
2. ,蓝色区域,:这部分展示了组件的一系列可能状态。每个状态都有不同的输出和标记,这帮助你理解组件在不同情况下的表现。
3. ,橙色区域,:这是组件的渲染输出区域。你可以在这里看到组件在实际应用中的样子。
4. ,绿色区域,:这里展示了生成橙色区域输出所需的标记和CSS代码。这对于开发者来说非常有用,因为它提供了实现这些UI效果的具体代码。
通过这些区域,你可以轻松地理解和应用Lightning设计系统中的组件,无论是为了学习还是实际开发,这都是一个极好的起点。希望这能帮助你更好地利用Salesforce的资源,提升你的开发效率!