From 07c3aed32e0fa1b15d00723ade884539de90fa28 Mon Sep 17 00:00:00 2001
From: yaojn <yaojn@techsure.com.cn>
Date: Thu, 3 Jul 2025 10:00:44 +0800
Subject: [PATCH] =?UTF-8?q?-=20[=E6=96=B0=E5=A2=9E]tabs=E9=80=89=E9=A1=B9?=
 =?UTF-8?q?=E5=8D=A1=E6=96=B0=E5=A2=9Eborder-tabs=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E7=B1=BB=20-=20[=E6=96=B0=E5=A2=9E]=E6=96=B0=E5=A2=9Ebg-stripe?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/resources/assets/css/common.less | 21 ++++++++++++++++++++
 src/resources/assets/css/theme.less  | 29 ++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)

diff --git a/src/resources/assets/css/common.less b/src/resources/assets/css/common.less
index 18036cd5..3201b594 100644
--- a/src/resources/assets/css/common.less
+++ b/src/resources/assets/css/common.less
@@ -612,6 +612,27 @@ html {
         }
       }
     }
+    &.border-tabs {
+      > .@{iv-prev}tabs-bar {
+        margin-bottom: 0px;
+        .@{iv-prev}tabs-tab {
+          border: 1px solid;
+          line-height: 32px;
+          height: 32px;
+          margin-right: 4px;
+          border-top-left-radius: @item-border-radius;
+          border-top-right-radius: @item-border-radius;
+          padding: 0px @space-normal;
+        }
+        .@{iv-prev}tabs-ink-bar {
+          display: none;
+        }
+      }
+      .@{iv-prev}tabs-content {
+        border-radius: @block-border-radius;
+        border-top-left-radius: 0px;
+      }
+    }
 
     &.@{iv-prev}tabs-card {
       > .@{iv-prev}tabs-bar {
diff --git a/src/resources/assets/css/theme.less b/src/resources/assets/css/theme.less
index 4d5f11d6..5b3fc45e 100644
--- a/src/resources/assets/css/theme.less
+++ b/src/resources/assets/css/theme.less
@@ -1383,6 +1383,9 @@
     background-color: var(--primary-grey, @primary-grey);
   }
 
+  .bg-stripe {
+    background-color: @table-stripe-color;
+  }
   .item-selected {
     background-color: var(--primary-grey, @primary-grey);
     color: var(--primary-color, @primary-color);
@@ -3448,6 +3451,31 @@
         // background: @op-color;
       }
     }
+    &.border-tabs {
+      > .ivu-tabs-bar {
+        .ivu-tabs-tab {
+          background-color: @tab-bar-bg;
+          color: @title-color;
+          border-color: var(--border-color, @border-color-base);
+
+          &.ivu-tabs-tab-active {
+            background-color: @op-color;
+            color: var(--primary-color, @primary-color);
+            border-color: var(--border-color, @border-color-base) !important;
+          }
+        }
+      }
+
+      .ivu-tabs-nav-container {
+        margin-top: 0px;
+        margin-bottom: 0px;
+      }
+
+      .ivu-tabs-content {
+        background-color: @op-color;
+        border: 1px solid var(--border-color, @border-color-base);
+      }
+    }
 
     &.block-span {
       > .ivu-tabs-bar {
@@ -3621,6 +3649,7 @@
 
   .@{iv-prev}collapse {
     background-color: @table-stripe-color;
+    border-color: var(--border-color, @border-color-base);
   }
   .@{iv-prev}collapse-simple {
     background-color: transparent;
-- 
Gitee