Defining a Vertical Box Layout - <lightning:layout>

DEX601 - Unit 5 Implementing Navigation and Layouts

📄 第 375 页 🎬 视频课程

课程章节介绍

让我们来聊聊如何在Salesforce的Lightning组件中使用垂直框布局,也就是``这个标签。 首先,``是一个非常强大的工具,它可以帮助我们在页面上安排内容的布局。今天我们要讲的是如何让内容从上到下垂直排列。 在这个例子中,我们使用了``标签,并且给它添加了一个类叫做`slds-grid_vertical`。这个类的作用就是告诉布局,我们要把内容垂直排列,而不是水平排列。 接下来,我们在``里面放了两个``标签。每个``代表一个内容块。第一个``里面写着“这是第一排”,第二个写着“这是第二排”。 当我们运行这段代码时,页面上会显示两行文字,第一行是“这是第一排”,第二行是“这是第二排”。这两行文字会从上到下垂直排列,就像你在图29中看到的那样。 所以,简单来说,如果你想在Salesforce的Lightning组件中创建一个垂直排列的布局,你可以使用``标签,并给它加上`slds-grid_vertical`这个类。然后,在``里面放上你的内容块,每个内容块用``包裹起来。这样,你的内容就会按照你希望的顺序,从上到下整齐地排列出来了。 希望这个解释对你有帮助!如果你有任何问题,随时问我哦。