docs(tabs): mobile-react tabs组件文档及样式对齐vue

Tencent · Sep 6, 2024 · 9020e98 · 9020e98
1 parent 3504ad8
commit 9020e98
Show file tree

Hide file tree

Showing 3 changed files with 55 additions and 18 deletions.
diff --git a/docs/mobile/api/tabs.en-US.md b/docs/mobile/api/tabs.en-US.md
@@ -0,0 +1,39 @@
+---
+title: Tabs
+description: Used to change the display after content classification.
+spline: base
+isComponent: true
+toc: false
+---
+
+### Split Tabs
+
+{{ evenly }}
+
+### Isometric Tabs
+
+{{ isometric }}
+
+### Tabs With Icon
+
+{{ icon }}
+
+### With Badge Tabs
+
+{{ badge }}
+
+### With Content Area Tabs
+
+{{ content }}
+
+### Tabs status
+
+{{ status }}
+
+### TAB size
+
+{{ size }}
+
+### TAB style
+
+{{ theme }}
diff --git a/docs/mobile/api/tabs.md b/docs/mobile/api/tabs.md
@@ -6,36 +6,34 @@ isComponent: true
 toc: false
 ---
 
-### 横向选项卡
+### 均分选项卡
 
-使用场景：常用于某事物不同状态的展示切换，例如购物场景下的订单状态，“待付款”“待发货”等
+{{ evenly }}
 
-{{ base }}
+### 等距选项卡
 
-### 超过屏幕滑动
+{{ isometric }}
 
-使用场景：常用于某事物不同类型的展示切换，例如影视场景下的“电影”“电视剧”“综艺”等
+### 带图标选项卡
 
-{{ scroll }}
+{{ icon }}
 
-### 无下划线
+### 带徽标选项卡
 
-{{ underscore }}
+{{ badge }}
 
-### 无下划线
+### 带内容区选项卡
 
-{{ animation }}
+{{ content }}
 
 ### 选项卡状态
 
-{{ disabled }}
+{{ status }}
 
-### 竖向选项卡
+### 选项卡尺寸
 
-使用场景：常用于全量类目的展示切换，例如购物列表场景下的“服装“”家居“”珠宝“等，且内容区有可能为该类目下的二级分类
+{{ size }}
 
-{{ vertical }}
+### 选项卡样式
 
-### 选中态文字尺寸规格
-
-{{ size }}
+{{ theme }}
diff --git a/style/mobile/components/_index.less b/style/mobile/components/_index.less
@@ -62,7 +62,7 @@
 
 // @import "./search/_index.less";
 
-@import "./tabs/_index.less";
+// @import "./tabs/_index.less";
 
 @import "./radio-group/_index.less";