ZF/soybean-admin-element-plus
1
0
Fork 0
mirror of https://gitee.com/honghuangdc/soybean-admin-element-plus.git synced 2025-12-30 10:22:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(projects): 🐛 fix responsive issues on the homepage. fixed [#76]

Browse Source
This commit is contained in:
一寸灰
2025-04-09 21:31:40 +08:00
committed by GitHub
parent e6f04d1213
commit 12c82dd29e
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/home/index.vue
View File

@@ -14,19 +14,15 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
</script>
<template>
<ElSpace direction="vertical" fill class="pb-0" :size="0">
<ElSpace direction="vertical" fill class="full-space pb-0" :size="0">
<HeaderBanner class="mb-16px" />
<CardData class="mb-16px" />
<ElRow :gutter="gap">
<ElRow :gutter="gap" class="w-full">
<ElCol :lg="14" :sm="24" class="mb-16px">
<ElCard class="card-wrapper">
<LineChart />
</ElCard>
<LineChart />
</ElCol>
<ElCol :lg="10" :sm="24" class="mb-16px">
<ElCard class="card-wrapper">
<PieChart />
</ElCard>
<PieChart />
</ElCol>
</ElRow>
<ElRow :gutter="gap">
@@ -40,4 +36,10 @@ const gap = computed(() => (appStore.isMobile ? 0 : 16));
</ElSpace>
</template>
<style scoped></style>
<style scoped lang="scss">
.full-space {
> :deep(.el-space__item) {
width: 100%;
}
}
</style>