在antd-mobile2.x版本中Tabs 标签页,没有可以直接修改tab下划线样式的属性。为此我们只能修改默认样式给其添加伪元素。
具体做法如下:(类名,我们可以通过审查元素拿到,我这只是举例,要以实际为准)
.am-tabs-default-bar-tab-active::after {
position: absolute;
bottom: -8px;
content: '';
width: 110px;
height: 4px;
background: #1677FF;
left: 50%;
transform: translateX(-50%);
}