Browse Source

docs: 完善tab的文档 (#668)

* fix: 完善tab文档和样式
zhenyulei 4 years ago
parent
commit
69a07c015b
2 changed files with 9 additions and 12 deletions
  1. 1 5
      src/packages/__VUE/tab/demo.vue
  2. 8 7
      src/packages/__VUE/tab/doc.md

+ 1 - 5
src/packages/__VUE/tab/demo.vue

@@ -18,11 +18,7 @@
 
     <h2>defaultIndex设置默认显示tab,iconType为half时切换选中icon样式</h2>
     <h2>switchTab监听切换tab返回事件</h2>
-    <nut-tab
-      :default-index="defaultIndexs"
-      @switch-tab="switchTab"
-      icon-type="half"
-    >
+    <nut-tab :default-index="defaultIndexs" @switch-tab="switchTab">
       <nut-tab-panel tab-title="全部"
         ><p class="content">这里是页签全部内容</p></nut-tab-panel
       >

+ 8 - 7
src/packages/__VUE/tab/doc.md

@@ -240,13 +240,14 @@ export default {
 
 ### nut-tab
 
-| 字段          | 说明                                                             | 类型    | 默认值     |
-| ------------- | ---------------------------------------------------------------- | ------- | ---------- |
-| direction     | 页签栏的位置,可选值 horizontal/vertical                         | String  | horizontal |
-| default-index | 默认选中的页签栏                                                 | Number  | 0          |
-| animated-time | 开启切换标签内容时的转场动画时间                                 | Number  | 0          |
-| no-swiping    | 禁止 tab 内容滑动                                                | Boolean | false      |
-| scrollType    | 页签栏的分布,默认平均分布,设置为"scroll",有最小宽度,发生滚动 | string  | “default“  |
+| 字段          | 说明                                                                                                        | 类型    | 默认值     |
+| ------------- | ----------------------------------------------------------------------------------------------------------- | ------- | ---------- |
+| direction     | 页签栏的位置,可选值 horizontal/vertical                                                                    | String  | horizontal |
+| default-index | 默认选中的页签栏                                                                                            | Number  | 0          |
+| animated-time | 开启切换标签内容时的转场动画时间                                                                            | Number  | 0          |
+| no-swiping    | 禁止 tab 内容滑动                                                                                           | Boolean | false      |
+| scrollType    | 页签栏的分布,默认平均分布,设置为"scroll",有最小宽度,发生滚动                                            | string  | “default“  |
+| icon-type     | 页签底部选中的红色样式,当为 half 的时候,显示半圆的红色 icon,默认为 all:红色横线,用来兼容不同的视觉规范 | String  | all        |
 
 ### nut-tab-panel