xinyin025/soybean-admin
1
0
Fork 0
mirror of https://github.com/soybeanjs/soybean-admin.git synced 2025-11-12 03:33:41 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(projects): support mobile layout [支持移动端布局]

Browse Source
This commit is contained in:
Soybean
2023-05-26 08:25:00 +08:00
parent c6207f35e1
commit f2b518ed26
5 changed files with 216 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/layouts/common/global-tab/components/tab-detail/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<div ref="tabRef" class="flex h-full pr-18px" :class="[isChromeMode ? 'items-end' : 'items-center gap-12px']">
<AdminTab
<PageTab
v-for="item in tab.tabs"
:key="item.fullPath"
:mode="theme.tab.mode"
@@ -20,7 +20,7 @@
/>
</template>
{{ item.meta.i18nTitle ? t(item.meta.i18nTitle) : item.meta.title }}
</AdminTab>
</PageTab>
</div>
<context-menu
:visible="dropdown.visible"
@@ -34,7 +34,7 @@
<script setup lang="ts">
import { computed, nextTick, reactive, ref, watch } from 'vue';
import { AdminTab } from '@soybeanjs/vue-materials';
import { PageTab } from '@soybeanjs/vue-materials';
import { useTabStore, useThemeStore } from '@/store';
import { t } from '@/locales';
import { ContextMenu } from './components';