antd-mobile Tabs组件下划线居中问题

<Tabs 
            tabs={
    
    tabList}
            initialPage={
    
    0}
            // page={tabIndex}
            tabBarPosition="top"
            tabBarBackgroundColor={
    
    "transparent"}
            tabBarActiveTextColor={
    
    "#3A3A47"}
            tabBarInactiveTextColor={
    
    "#66666E"}
            tabBarTextStyle={
    
    {
    
    fontSize:'12px'}}
            tabBarUnderlineStyle={
    
    {
    
    width:'30px',marginLeft:'20px',background:'#1491ED'}}
            distanceToChangeTab={
    
    0.5}
            onTabClick={
    
    this.handleTabClick}
            renderTab={
    
    tab => <span>{
    
    tab.title}</span>}
          ></Tabs>

如果需要更改下划线样式，直接设置tabBarUnderlineStyle的宽度为固定宽度，设置一个margin-left值（关键点）
原因在于这个下划线div宽度100%，要居中的话就需要设置margin-left值