GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): 修复分析页折线图表布局问题

Browse Source
This commit is contained in:
Soybean 2021-11-06 02:01:09 +08:00
parent 048eae6748
commit 43b832bee0
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/dashboard/analysis/components/TopChart/index.vue
View File

@ -2,7 +2,7 @@
<n-grid :x-gap="16" :y-gap="16" :item-responsive="true" responsive="screen"> <n-grid :x-gap="16" :y-gap="16" :item-responsive="true" responsive="screen">
<n-grid-item span="s:24 m:16"> <n-grid-item span="s:24 m:16">
<n-card :bordered="false" class="rounded-16px shadow-sm"> <n-card :bordered="false" class="rounded-16px shadow-sm">
<div class="flex h-360px"> <div class="flex w-full h-360px">
<div class="w-200px h-full py-12px"> <div class="w-200px h-full py-12px">
<h3 class="text-16px font-bold">Dashboard</h3> <h3 class="text-16px font-bold">Dashboard</h3>
<p class="text-[#aaa]">Overview Of Lasted Month</p> <p class="text-[#aaa]">Overview Of Lasted Month</p>
@ -16,7 +16,9 @@
<p class="text-[#aaa]">Current Month Sales</p> <p class="text-[#aaa]">Current Month Sales</p>
<n-button class="mt-24px" type="primary">Last Month Summary</n-button> <n-button class="mt-24px" type="primary">Last Month Summary</n-button>
</div> </div>
<div ref="lineRef" class="flex-1 h-full"></div> <div class="flex-1-hidden h-full">
<div ref="lineRef" class="wh-full"></div>
</div>
</div> </div>
</n-card> </n-card>
</n-grid-item> </n-grid-item>