在sap.m.IconTabBar中突出显示选中的选项卡,可以通过设置选项卡的样式来实现。具体步骤如下:
// 添加选中状态的CSS类
$tab.addClass("selected");
// 移除其他选项卡的选中状态CSS类
$tab.siblings().removeClass("selected");
// 添加选中状态的CSS类
tab.classList.add("selected");
// 移除其他选项卡的选中状态CSS类
var siblings = tab.parentNode.children;
for (var i = 0; i < siblings.length; i++) {
if (siblings[i] !== tab) {
siblings[i].classList.remove("selected");
}
}
.selected {
background-color: #f0f0f0;
color: #000000;
}
通过以上步骤,当选中一个选项卡时,该选项卡会突出显示,其他选项卡则恢复默认样式。这样可以提高用户体验,让用户清晰地知道当前选中的选项卡。
领取专属 10元无门槛券
手把手带您无忧上云