fix(projects): 修复tab过多时样式坍塌,添加tab横向滚动

This commit is contained in:
Soybean
2021-10-30 17:27:56 +08:00
parent e59b85a8a8
commit 0ec4d218e3
8 changed files with 71 additions and 5 deletions

View File

@ -8,7 +8,11 @@
justify="space-between"
:item-style="{ paddingTop: '0px', paddingBottom: '0px' }"
>
<multi-tab />
<div class="flex-1-hidden h-full">
<better-scroll :options="{ scrollX: true, scrollY: false }">
<multi-tab />
</better-scroll>
</div>
<reload-button />
</div>
</template>
@ -17,6 +21,7 @@
import { computed, watch } from 'vue';
import { useRoute } from 'vue-router';
import { useThemeStore, useAppStore } from '@/store';
import { BetterScroll } from '@/components';
import { MultiTab, ReloadButton } from './components';
defineProps({