对于lightning:tab组件,CSS的样式不能直接应用于Tab标签。相反,需要使用CSS类来控制标签的样式。以下是一个示例:
Component.app
Tab One Content
Tab Two Content
Component.css
.THIS .slds-tabs--scoped__item.slds-active a{
background-color: #f2f2f2;
color: #333;
}
在这个CSS代码块中,使用.slds-tabs--scoped__item.slds-active a
选择器来为活动的标签设置背景色和颜色。
在组件的控制器中,当单击第二个标签时,'tabOneActive”属性设置为false来切换标签的活动状态。
({
handleTab2Click : function(component, event, helper) {
component.set("v.tabOneActive", false);
}
})
上一篇:AuraSlider-如何将滑块范围颜色从灰色更改为蓝色
下一篇:Aura组件动作失败:c:param$controller$doInit[acction未定义]失败描述符:{c:param$controller$doInit}