新增

2026-03-01 14:17:59 +08:00
parent 65aa12f146
commit a07e844c47
6071 changed files with 777651 additions and 0 deletions
@@ -0,0 +1,55 @@
+<template>
+    <u-tabbar
+        v-if="showTabbar"
+        v-model="current"
+        v-bind="tabbarStyle"
+        :list="tabbarList"
+        @change="handleChange"
+        :hide-tab-bar="true"
+    ></u-tabbar>
+</template>
+
+<script lang="ts" setup>
+import { useAppStore } from '@/stores/app'
+import { navigateTo } from '@/utils/util'
+import { computed, ref } from 'vue'
+const current = ref()
+const appStore = useAppStore()
+const tabbarList = computed(() => {
+    return appStore.getTabbarConfig
+        ?.filter((item: any) => item.is_show == 1)
+        .map((item: any) => {
+            return {
+                iconPath: item.unselected,
+                selectedIconPath: item.selected,
+                text: item.name,
+                link: item.link,
+                pagePath: item.link.path
+            }
+        })
+})
+const showTabbar = computed(() => {
+    const currentPages = getCurrentPages()
+    const currentPage = currentPages[currentPages.length - 1]
+    const current = tabbarList.value.findIndex((item: any) => {
+        return item.pagePath === '/' + currentPage.route
+    })
+    return current >= 0
+})
+
+const tabbarStyle = computed(() => ({
+    activeColor: appStore.getStyleConfig.selected_color,
+    inactiveColor: appStore.getStyleConfig.default_color
+}))
+
+const nativeTabbar = [
+    '/pages/index/index',
+    '/pages/news/news',
+    '/pages/user/user'
+]
+const handleChange = (index: number) => {
+    const selectTab = tabbarList.value[index]
+    const navigateType = nativeTabbar.includes(selectTab.link.path) ? 'switchTab' : 'reLaunch'
+    navigateTo(selectTab.link, navigateType)
+}
+</script>