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

uiwjs · Mar 18, 2022 · 1a6768e · 1a6768e
1 parent d20b5e8
commit 1a6768e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/react-tabs/src/index.tsx b/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"

diff --git a/packages/react-tabs/src/style/index.less b/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;