fix(Tabs): 高亮下划线位置错误 #674 (#677)

Author: Amber-Nan

packages/react-tabs/src/index.tsx

@@ -105,7 +105,7 @@ export default function Tabs(props: TabsProps) {
     if (activeItem.current && type === 'line') {
       setSlideStyle({
         width: activeItem.current.clientWidth,
-        left: activeItem.current.offsetLeft + 15,
+        left: activeItem.current.offsetLeft,
       });
     }
   }
@@ -117,10 +117,10 @@ export default function Tabs(props: TabsProps) {
           <div className={`${prefixCls}-bar`} ref={divContentRef}>
             <div className={`${prefixCls}-nav`} style={{ width: 'max-content' }}>
               {renderNav(children)}
+              <div style={slideStyle} className={`${prefixCls}-slide`} />
             </div>
           </div>
         </div>
-        <div style={slideStyle} className={`${prefixCls}-slide`} />
         {hiddenNav.length > 0 && (
           <Popover
             trigger="click"

packages/react-tabs/src/style/index.less

@@ -60,7 +60,7 @@
   &-line &-slide {
     background-color: #108ee9;
     box-sizing: border-box;
-    bottom: 45px;
+    bottom: 0;
     position: absolute;
     height: 1px;
     left: 0;