Lightning:Card- 标题下划线

Question

我的组件中有一张闪电卡。

 <lightning:card title="My Title">
        <lightning:layout horizontalAlign="left" class="slds-m-ertical_medium">
            <lightning:layoutItem size="3">
                <lightning:badge label=""/>
            </lightning:layoutItem>
            <lightning:layoutItem size="7">
                   ......
            </lightning:layoutItem>
        </lightning:layout>
</lightning:card>

我一直在寻找给标题下划线的方法"My Title"。但我一直没能找到任何。有人可以帮忙吗？

Answer 1

查看闪电设计系统documentation，好像标题的风格是classslds-text-heading_small，所以你应该可以通过添加这个来获得想要的效果到您组件的样式部分：

.THIS .slds-text-heading_small{
    text-decoration : underline ;
}

Lightning:Card- 标题下划线

Lightning:Card- underline title

salesforce

lightning