add app mode

This commit is contained in:
jxxghp
2024-06-13 17:30:50 +08:00
parent 7f2f7b100b
commit 1fc964ec16
14 changed files with 184 additions and 18 deletions
+11 -1
View File
@@ -7,6 +7,15 @@ import SubscribeCard from '@/components/cards/SubscribeCard.vue'
import SubscribeEditDialog from '@/components/dialog/SubscribeEditDialog.vue'
import SubscribeHistoryDialog from '@/components/dialog/SubscribeHistoryDialog.vue'
import store from '@/store'
import { useDisplay } from 'vuetify'
// 显示器宽度
const display = useDisplay()
// APP
const appMode = computed(() => {
return localStorage.getItem('MP_APPMODE') == '1' && display.mdAndDown.value
})
// 输入参数
const props = defineProps({
@@ -97,13 +106,14 @@ onMounted(async () => {
app
appear
@click="subscribeEditDialog = true"
:class="{ 'mb-12': appMode }"
/>
<VFab
v-if="store.state.auth.superUser"
icon="mdi-history"
color="info"
location="bottom"
class="mb-16"
:class="appMode ? 'mb-28' : 'mb-16'"
size="x-large"
fixed
app