元件内的Lightning元件列表
元件内的Lightning元件列表
提问于 2018-11-10 03:39:26
我正在尝试在另一个组件中创建一个可滚动的组件列表。我正在使用卡片视图来包含我的信息。当我尝试以下代码时，我得到了一个奇怪的可滚动视图的结果。
<aura:component implements="flexipage:availableForAllPageTypes" access="global" controller="ContentListController">
<aura:handler name="init" value="{!this}" action="{!c.doInit}"/>
<!-- Global decleration for the Content Id selected -->
<aura:attribute name="ContenList" type="Content__c[]"/>
<div style="max-height: 400px;overflow-y: auto;">
<aura:iteration items="{!v.ContenList}" var="store">
<c:ContentCard content="{!store}" duration="1" />
</aura:iteration>
</div>
</aura:component>我得到的结果是，滚动条在无人区完全消失了。
我正在寻找这个，它是一个看不见的卷轴，或者至少在左边没有所有的填充。
Stack Overflow用户
发布于 2018-11-13 02:17:01
当你的卡片(c:ContentCard)的宽度受到某种程度的限制时，你的div使用了所有可用的宽度。这就是为什么你的卡片和滚动条之间有间隙的原因。我建议您: 1)取消ContentCard组件的宽度限制；2)将组织组件在页面上的分布的责任委托给更高的组件。您可以使用slds-grid和slds-col lightning类控制组件的结构。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53232272
复制相关文章
相似问题
腾讯云开发者
