Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
1d476bc6 1 parent 2cf8e5fe

fix(CheckinCard): 移除van-tabs的animated和swipeable属性 

避免多tab高度不一致时容器被最高的内容撑开，导致短内容下方出现空白区域
Inline Side-by-side
Showing 1 changed file with 2 additions and 1 deletions
...@@ -51,7 +51,8 @@ ...@@ -51,7 +51,8 @@
51 <div class="post-media mt-2"> 51 <div class="post-media mt-2">
52 <!-- 多附件Tab模式 --> 52 <!-- 多附件Tab模式 -->
53 <div v-if="mediaTabs.length > 1" class="media-tabs"> 53 <div v-if="mediaTabs.length > 1" class="media-tabs">
54 - <van-tabs v-model:active="activeTab" shrink animated swipeable color="#4caf50"> 54 + <!-- 移除 animated 和 swipeable 属性，避免多 tab 高度不一致时容器被最高的内容撑开，导致短内容下方出现空白 -->
55 + <van-tabs v-model:active="activeTab" shrink color="#4caf50">
55 <van-tab v-for="tab in mediaTabs" :key="tab.name" :title="tab.label" :name="tab.name"> 56 <van-tab v-for="tab in mediaTabs" :key="tab.name" :title="tab.label" :name="tab.name">
56 <div class="pt-2"> 57 <div class="pt-2">
57 <!-- 图片内容 --> 58 <!-- 图片内容 -->
......