Skip to content

Commit

Permalink
docs(tabs): 文档可读性优化 (jdf2e#1935)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Alex-huxiyang
Alex-huxiyang authored Feb 5, 2024
1 parent b2e9944 commit 0ce8424
Show file tree
Hide file tree
Showing 6 changed files with 1,045 additions and 292 deletions.
70 changes: 35 additions & 35 deletions src/packages/tabs/demo.taro.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,25 +44,25 @@ const TabsDemo = () => {
basic: '基础用法',
title1: '基础用法-微笑曲线',
titleLite: '基础用法-简约模式',
titleCard: '基础用法-卡片样式',
titleButton: '基础用法-按钮样式',
titleDivider: '基础用法-分割线样式',
titleCard: '基础用法-卡片模式',
titleButton: '基础用法-按钮模式',
titleDivider: '基础用法-分割线模式',
title2: '通过 value 匹配',
title3: '数据异步渲染 3s',
title4: '数量多,滚动操作',
title5: '左右布局',
title6: '左右布局-微笑曲线',
title12: '嵌套布局',
title13: '嵌套布局2',
title13: '嵌套布局 2',
title14: '滑动切换',
title7: 'Title 字体尺寸：20px 12px',
title8: '自定义标签栏',
title9: 'Tabpane 自动高度',
title10: 'CSS 粘性布局',
title11: 'Title 左对齐',
titleLeftCard: '左对齐-卡片样式',
titleLeftButton: '左对齐-按钮样式',
titleLeftDivider: '左对齐-分割线样式',
titleLeftCard: '左对齐-卡片模式',
titleLeftButton: '左对齐-按钮模式',
titleLeftDivider: '左对齐-分割线模式',
custom1: '自定义 1',
custom2: '自定义 2',
custom3: '自定义 3',
Expand All @@ -75,34 +75,34 @@ const TabsDemo = () => {
'en-US': {
basic: 'Basic Usage',
title1: 'Basic Usage - Smile Curve',
titleLite: 'Basic Usage - simple mode',
titleCard: 'Basic Usage - card mode',
titleButton: 'Basic Usage - button mode',
titleDivider: 'Basic Usage - divider mode',
title2: 'Match by value',
title3: 'Data is rendered asynchronously for 3s',
title4: 'A large number of scrolling operations',
title5: 'Left and right layout',
title6: 'Left and Right Layout - Smile Curve',
title12: 'Tabs in Tabs',
title13: 'Tabs in Tabs 2',
title14: 'Slide to switch',
title7: 'Title font size: 20px 12px',
title8: 'custom tab bar',
title9: 'Tabpane auto height',
titleLite: 'Basic Usage - Simple Mode',
titleCard: 'Basic Usage - Card Mode',
titleButton: 'Basic Usage - Button Mode',
titleDivider: 'Basic Usage - Divider Mode',
title2: 'Match By Value',
title3: 'Data Is Rendered Asynchronously For 3s',
title4: 'A Large Number Of Scrolling Operations',
title5: 'Left And Right Layout',
title6: 'Left And Right Layout - Smile Curve',
title12: 'Tabs In Tabs',
title13: 'Tabs In Tabs 2',
title14: 'Slide To Switch',
title7: 'Title FontSize: 20px 12px',
title8: 'Custom Tab Bar',
title9: 'Tabpane Auto Height',
title10: 'CSS Sticky',
title11: 'Title left align',
titleLeftCard: 'Title left align - card mode',
titleLeftButton: 'Title left align - button mode',
titleLeftDivider: 'Title left align - divider mode',
custom1: 'custom 1',
custom2: 'custom 2',
custom3: 'custom 3',
pane1: 'Low-end sale',
pane2: 'new day',
pane3: 'Ten billion subsidies',
pane4: 'Super value today',
pane5: 'So good and so cheap',
title11: 'Title Left Align',
titleLeftCard: 'Title Left Align - Card Mode',
titleLeftButton: 'Title Left Align - Button Mode',
titleLeftDivider: 'Title Left Align - Divider Mode',
custom1: 'Custom 1',
custom2: 'Custom 2',
custom3: 'Custom 3',
pane1: 'Low-end Sale',
pane2: 'New Day',
pane3: 'Ten Billion Subsidies',
pane4: 'Super Value Today',
pane5: 'So Good And So Cheap',
},
})

Expand Down Expand Up @@ -426,7 +426,7 @@ const TabsDemo = () => {
{translated.pane5}
</Tabs.TabPane>
</Tabs>
<h2>{translated.title4}</h2>
<h2>{translated.title4} 2</h2>
<Tabs
name="a2"
value={tab92value}
Expand Down
68 changes: 34 additions & 34 deletions src/packages/tabs/demo.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,9 +43,9 @@ const TabsDemo = () => {
basic: '基础用法',
title1: '基础用法-微笑曲线',
titleLite: '基础用法-简约模式',
titleCard: '基础用法-卡片样式',
titleButton: '基础用法-按钮样式',
titleDivider: '基础用法-分割线样式',
titleCard: '基础用法-卡片模式',
titleButton: '基础用法-按钮模式',
titleDivider: '基础用法-分割线模式',
title2: '通过 value 匹配',
title3: '数据异步渲染 3s',
title4: '数量多,滚动操作',
Expand All @@ -59,9 +59,9 @@ const TabsDemo = () => {
title9: 'Tabpane 自动高度',
title10: 'CSS 粘性布局',
title11: 'Title 左对齐',
titleLeftCard: '左对齐-卡片样式',
titleLeftButton: '左对齐-按钮样式',
titleLeftDivider: '左对齐-分割线样式',
titleLeftCard: '左对齐-卡片模式',
titleLeftButton: '左对齐-按钮模式',
titleLeftDivider: '左对齐-分割线模式',
custom1: '自定义 1',
custom2: '自定义 2',
custom3: '自定义 3',
Expand All @@ -74,34 +74,34 @@ const TabsDemo = () => {
'en-US': {
basic: 'Basic Usage',
title1: 'Basic Usage - Smile Curve',
titleLite: 'Basic Usage - simple mode',
titleCard: 'Basic Usage - card mode',
titleButton: 'Basic Usage - button mode',
titleDivider: 'Basic Usage - divider mode',
title2: 'Match by value',
title3: 'Data is rendered asynchronously for 3s',
title4: 'A large number of scrolling operations',
title5: 'Left and right layout',
title6: 'Left and Right Layout - Smile Curve',
title12: 'Tabs in Tabs',
title13: 'Tabs in Tabs 2',
title14: 'Slide to switch',
title7: 'Title font size: 20px 12px',
title8: 'custom tab bar',
title9: 'Tabpane auto height',
titleLite: 'Basic Usage - Simple Mode',
titleCard: 'Basic Usage - Card Mode',
titleButton: 'Basic Usage - Button Mode',
titleDivider: 'Basic Usage - Divider Mode',
title2: 'Match By Value',
title3: 'Data Is Rendered Asynchronously For 3s',
title4: 'A Large Number Of Scrolling Operations',
title5: 'Left And Right Layout',
title6: 'Left And Right Layout - Smile Curve',
title12: 'Tabs In Tabs',
title13: 'Tabs In Tabs 2',
title14: 'Slide To Switch',
title7: 'Title FontSize: 20px 12px',
title8: 'Custom Tab Bar',
title9: 'Tabpane Auto Height',
title10: 'CSS Sticky',
title11: 'Title left align',
titleLeftCard: 'Title left align - card mode',
titleLeftButton: 'Title left align - button mode',
titleLeftDivider: 'Title left align - divider mode',
custom1: 'custom 1',
custom2: 'custom 2',
custom3: 'custom 3',
pane1: 'Low-end sale',
pane2: 'new day',
pane3: 'Ten billion subsidies',
pane4: 'Super value today',
pane5: 'So good and so cheap',
title11: 'Title Left Align',
titleLeftCard: 'Title Left Align - Card Mode',
titleLeftButton: 'Title Left Align - Button Mode',
titleLeftDivider: 'Title Left Align - Divider Mode',
custom1: 'Custom 1',
custom2: 'Custom 2',
custom3: 'Custom 3',
pane1: 'Low-end Sale',
pane2: 'New Day',
pane3: 'Ten Billion Subsidies',
pane4: 'Super Value Today',
pane5: 'So Good And So Cheap',
},
})

Expand Down Expand Up @@ -422,7 +422,7 @@ const TabsDemo = () => {
{translated.pane5}
</Tabs.TabPane>
</Tabs>
<h2>{translated.title4}</h2>
<h2>{translated.title4} 2</h2>
<Tabs
value={tab92value}
style={{ height: '300px' }}
Expand Down
Loading

0 comments on commit 0ce8424

Please sign in to comment.