课程章节介绍
今天我们来聊聊如何在Salesforce中使用Lightning组件来配置一个Accordion(手风琴)布局。Accordion是一种常见的UI元素,它允许用户点击不同的部分来展开或收起内容,非常适合用来展示分块的信息。
首先,我们来看一下代码的基本结构。这段代码使用了``标签来创建一个Accordion组件。在这个组件内部,我们定义了三个``,每个Section代表一个可以展开或收起的部分。
- 第一个Section的`name`是"ContactInfo",标签(`label`)显示为"Contact Info"。在这个部分里,我们放置了联系信息。
- 第二个Section的`name`是"Profile",标签显示为"Profile"。这里我们放置了用户资料。
- 第三个Section的`name`是"Groups",标签显示为"Group Membership"。这部分用来展示团体会员资格。
注意到``标签中有一个属性`activeSectionName="Profile"`,这个属性用来设置默认展开的Section。在这里,我们设置的是"Profile"部分默认展开。
通过这样的配置,用户可以在页面上看到一个整洁的Accordion布局,点击不同的标签就可以展开或收起相应的内容。这种方式不仅节省了页面空间,还能让用户更专注于他们感兴趣的部分。
希望这个解释能帮助你理解如何在Salesforce中配置Accordion组件。如果有任何疑问,随时欢迎提问!