默认情况下,<a-tabs> 组件底部有一条 “贯穿式” 灰色细线,如下图所示:
<a-tabs>
通过 tabBarStyle 属性,可以轻松去掉,网上大部分文章都采用了直接覆盖样式的方式,这样是不规范的。
tabBarStyle
在组件上绑定属性,其 borderBottom 属性设置为 unset 即可。
borderBottom
unset
<a-tabs :tabBarStyle="{ borderBottom: 'unset' }"> ... </a-tabs>
成功去除:
改变其他样式同样可行,比如字体大小。
京公网安备 11010502049817号