From 9ed49e9254600cfb6e2ae62935d9a456895d40ac Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=A4=E5=BF=83?=
 <3277200+sentsim@users.noreply.github.com>
Date: Sun, 2 Mar 2025 22:39:55 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E6=96=B0=E5=A2=9E=20tabs=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=8D=87=E7=BA=A7=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/tab/index.md | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/docs/tab/index.md b/docs/tab/index.md
index 3f5d6a4d..d67c8ab0 100644
--- a/docs/tab/index.md
+++ b/docs/tab/index.md
@@ -2,8 +2,10 @@
 title: 选项卡组件 tab
 toc: true
 ---
- 
-# 选项卡组件
+
+# ~~选项卡组件~~
+
+> 📣 <span style="color: #ff5722;">升级提示：我们在 2.10 版本中新增了全新的 tabs 标签页组件，用于替代原 `element` 模块中的 `tab` 组件，建议过渡到全新的 tabs 组件，旧的 ~~tab~~ 组件将在后续合适的版本中移除。</span> [前往全新 tabs 组件](../tabs/)
 
 > 选项卡组件 `tab` 是指可进行标签页切换的一段容器，常广泛应用于 Web 页面。由于为了向下兼容等诸多历史原因，在 2.x 版本中，`tab` 组件属于 `element` 模块的子集。
 
@@ -159,7 +161,7 @@ tab 组件会在元素加载完毕后，自动对 tab 元素完成一次渲染
 
 ```
 <div id="test"></div>
- 
+
 <!-- import layui -->
 <script>
 layui.use(function(){
@@ -284,7 +286,7 @@ layui.use(function(){
 
 ```
 var element = layui.element;
- 
+
 // tab 切换事件
 element.on('tab(filter)', function(data){
   console.log(this); // 当前 tab 标题所在的原始 DOM 元素
@@ -307,7 +309,7 @@ element.on('tab(filter)', function(data){
 
 ```
 var element = layui.element;
- 
+
 // tab 切换前的事件
 element.on('tabBeforeChange(filter)', function(data){
   console.log(data.elem); // 得到当前的 tab 容器
@@ -333,7 +335,7 @@ element.on('tabBeforeChange(filter)', function(data){
 
 ```
 var element = layui.element;
- 
+
 // tab 删除事件
 element.on('tabDelete(filter)', function(data){
   console.log(data.index); // 得到被删除的 tab 项的所在下标