Configuring the Accordion

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 393 页 🎬 视频课程

课程章节介绍

今天我们来聊聊如何在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组件。如果有任何疑问,随时欢迎提问!