fxz/RuoYi-Vue3-Mirror
1
0
Fork 0
mirror of https://gitcode.com/yangzongzhuan/RuoYi-Vue3.git synced 2026-05-22 19:08:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

update TopBar/index.vue

Browse Source
This commit is contained in:
RuoYi
2026-01-28 20:36:07 +08:00
parent ededddd4cc
commit c97be3c592
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layout/components/TopBar/index.vue
+4 -4
View File
@@ -12,7 +12,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import SidebarItem from '../Sidebar/SidebarItem' import SidebarItem from '../Sidebar/SidebarItem.vue'
import useAppStore from '@/store/modules/app' import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission' import usePermissionStore from '@/store/modules/permission'
@@ -35,14 +35,14 @@ const activeMenu = computed(() => {
const visibleNumber = ref<number>(5) const visibleNumber = ref<number>(5)
const topMenus = computed(() => { const topMenus = computed(() => {
return permissionStore.sidebarRouters.filter((f) => !f.hidden).slice(0, visibleNumber.value) return permissionStore.sidebarRouters.filter((f: any) => !f.hidden).slice(0, visibleNumber.value)
}) })
const moreRoutes = computed(() => { const moreRoutes = computed(() => {
return permissionStore.sidebarRouters.filter((f) => !f.hidden).slice(visibleNumber.value, sidebarRouters.value.length - visibleNumber.value) return permissionStore.sidebarRouters.filter((f: any) => !f.hidden).slice(visibleNumber.value, sidebarRouters.value.length - visibleNumber.value)
}) })
function setVisibleNumber(): void { function setVisibleNumber(): void {
const width = document.body.getBoundingClientRect().width / 3 const width = document.body.getBoundingClientRect().width / 3
visibleNumber.value = parseInt(width / 85) visibleNumber.value = parseInt(String(width / 85))
} }
onMounted(() => { onMounted(() => {