闪电：卡片-下划线标题

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>

我一直在寻找一种在标题“我的标题”下划线的方法。 但是我找不到任何东西。 有人可以帮忙吗？

Answer 1

看一下闪电设计系统documentation，看起来该标题已获得样式类slds-text-heading_small，因此您应该可以通过将其添加到组件的样式部分中来获得所需的效果：

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