fix(tabs): 内容换行 fix #483

jd-opensource · Mar 22, 2019 · dde1b82 · Garfield550 · Mar 22, 2019 · dde1b82
1 parent b01bd99
commit dde1b82
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/docs/markdown/tabs.md b/docs/markdown/tabs.md
@@ -37,6 +37,8 @@ import { AtTabs, AtTabsPane } from 'taro-ui'
 * 垂直模式下，需要给 `AtTabs, AtTabsPane` 设置 `tabDirection='vertical' `,并给 `AtTabs` 设置 `height`。垂直模式下不支持手势滑动切换
 
 * 边框下划线有些组件是使用 `::after` 伪类，在微信开发者工具审查不到，但是实际是存在的，建议用 H5 模式审查样式。
+
+* AtTabsPane 在 2.0.1 版本以前内容不会换行，升级到最新版本或自行增加 css 属性 white-space: initial;
 :::demo
 
 ```js

diff --git a/src/style/components/tabs.scss b/src/style/components/tabs.scss
@@ -158,6 +158,7 @@ $at-tabs-pane-min-height: 100px;
   display: inline-block;
   width: 100%;
   box-sizing: border-box;
+  white-space: initial;
 
   /* modifiers */
   &--active {
-Original file line number
+Diff line change
@@ Expand Up / @@ -37,6 +37,8 @@ import { AtTabs, AtTabsPane } from 'taro-ui' @@
     * 垂直模式下，需要给 `AtTabs, AtTabsPane` 设置 `tabDirection='vertical' `,并给 `AtTabs` 设置 `height`。垂直模式下不支持手势滑动切换
     * 边框下划线有些组件是使用 `::after` 伪类，在微信开发者工具审查不到，但是实际是存在的，建议用 H5 模式审查样式。
+    * AtTabsPane 在 2.0.1 版本以前内容不会换行，升级到最新版本或自行增加 css 属性 white-space: initial;
     :::demo
     ```js
@@ Expand Down @@