ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-20 10:44:59 +00:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

[improvement] Tab: optimize animated tab (#2302)

Browse Source
This commit is contained in:
neverland
2018-12-16 15:18:14 +08:00
committed by GitHub
parent e2c4d60058
commit 347e980da9
6 changed files with 211 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/tab/demo/index.vue
View File

@@ -93,14 +93,13 @@
<demo-block :title="$t('title8')">
<van-tabs
animated
class="animated-tabs"
>
<van-tab
:title="$t('tab') + index"
v-for="index in tabs"
:key="index"
>
<div class="custom-content-wrap">{{ $t('content') }} {{ index }}</div>
{{ $t('content') }} {{ index }}
</van-tab>
</van-tabs>
</demo-block>
@@ -214,16 +213,5 @@ export default {
padding: 50px 20px;
}
}
.animated-tabs {
.van-tab__pane {
padding: 0 20px;
}
}
.custom-content-wrap {
height: 60px;
line-height: 60px;
}
}
</style>