fix(tabs): [tabs] 优化页签文档demo

opentiny · Nov 8, 2024 · 2eb3848 · 2eb3848
1 parent eafb17c
commit 2eb3848
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 11 deletions.
diff --git a/examples/sites/demos/pc/app/tabs/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/tabs/basic-usage-composition-api.vue
@@ -1,11 +1,11 @@
 <template>
   <tiny-tabs v-model="activeName">
-    <tiny-tab-item title="表单组件" name="first"> 表单组件,具有与用户交互，并可完成数据采集功能的控件。</tiny-tab-item>
+    <tiny-tab-item title="表单组件" name="first"> 表单组件，具有与用户交互，并可完成数据采集功能的控件。</tiny-tab-item>
     <tiny-tab-item title="数据组件" name="second" disabled>
-      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
+      数据组件，提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
     </tiny-tab-item>
-    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。</tiny-tab-item>
-    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。</tiny-tab-item>
+    <tiny-tab-item title="导航组件" name="third"> 导航组件，帮助网站访问者浏览站点的组件。</tiny-tab-item>
+    <tiny-tab-item title="业务组件" name="fourth"> 业务组件，与业务紧密相关实现某种业务功能的组件集。</tiny-tab-item>
   </tiny-tabs>
 </template>
 

diff --git a/examples/sites/demos/pc/app/tabs/basic-usage.vue b/examples/sites/demos/pc/app/tabs/basic-usage.vue
@@ -1,11 +1,11 @@
 <template>
   <tiny-tabs v-model="activeName">
-    <tiny-tab-item title="表单组件" name="first"> 表单组件,具有与用户交互，并可完成数据采集功能的控件。</tiny-tab-item>
+    <tiny-tab-item title="表单组件" name="first"> 表单组件，具有与用户交互，并可完成数据采集功能的控件。</tiny-tab-item>
     <tiny-tab-item title="数据组件" name="second" disabled>
-      数据组件,提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
+      数据组件，提供了非常强大数据表格功能，在Grid可以展示数据列表，可以对数据列表进行选择、编辑等。
     </tiny-tab-item>
-    <tiny-tab-item title="导航组件" name="third"> 导航组件,帮助网站访问者浏览站点的组件。</tiny-tab-item>
-    <tiny-tab-item title="业务组件" name="fourth"> 业务组件,与业务紧密相关实现某种业务功能的组件集。</tiny-tab-item>
+    <tiny-tab-item title="导航组件" name="third"> 导航组件，帮助网站访问者浏览站点的组件。</tiny-tab-item>
+    <tiny-tab-item title="业务组件" name="fourth"> 业务组件，与业务紧密相关实现某种业务功能的组件集。</tiny-tab-item>
   </tiny-tabs>
 </template>
 

diff --git a/packages/theme/src/tabs/index.less b/packages/theme/src/tabs/index.less
@@ -546,7 +546,6 @@
             &:hover {
               border-color: var(--tv-Tabs-border-color); // aurora新增
               color: var(--tv-Tabs-dark-text-color-hover);
-              background: var(--tv-Tabs-dark-bg-color-hover);
             }
           }
 

diff --git a/packages/theme/src/tabs/vars.less b/packages/theme/src/tabs/vars.less
@@ -85,8 +85,6 @@
   --tv-Tabs-dark-bg-color-active: var(--tv-color-bg-active, #f5f5f5);
   // bordercard类型非选中项悬浮文本色
   --tv-Tabs-dark-text-color-hover: var(--tv-color-act-info-text-white-hover, #ffffff);
-  // bordercard类型非选中项悬浮背景色
-  --tv-Tabs-dark-bg-color-hover: var(--tv-color-bg-active-primary, #191919);
   // bordercard类型非选中项文本色
   --tv-Tabs-dark-text-color: var(--tv-color-text-disabled, #c2c2c2);
   // bordercard类型标签项上外边距