jiangyc/ruoyi-plus-soybean
1
0
Fork 0
mirror of https://github.com/m-xlsea/ruoyi-plus-soybean.git synced 2025-09-24 07:49:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(projects): perf card style

Browse Source
This commit is contained in:
Soybean
2024-01-25 19:10:00 +08:00
parent d886e50fd3
commit c1afb9dc50
5 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/home/components/card-data.vue
View File

@ -78,7 +78,7 @@ function getGradientColor(color: CardData['color']) {
</script>
<template>
<NCard :bordered="false" class="card-wrapper">
<NCard :bordered="false" size="small" class="card-wrapper">
<!-- define component start: GradientBg -->
<DefineGradientBg v-slot="{ $slots, gradientColor }">
<div class="px-16px pt-8px pb-4px rd-8px text-white" :style="{ backgroundImage: gradientColor }">

4
src/views/home/components/header-banner.vue
View File

@ -41,7 +41,7 @@ const statisticData = computed<StatisticData[]>(() => [
<template>
<NCard :bordered="false" class="card-wrapper">
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
<NGi span="24 s:24 m:20">
<NGi span="24 s:24 m:18">
<div class="flex-y-center">
<div class="shrink-0 size-72px rd-1/2 overflow-hidden">
<img src="@/assets/imgs/soybean.jpg" class="size-full" />
@ -54,7 +54,7 @@ const statisticData = computed<StatisticData[]>(() => [
</div>
</div>
</NGi>
<NGi span="24 s:24 m:4">
<NGi span="24 s:24 m:6">
<NSpace :size="24" justify="end">
<NStatistic v-for="item in statisticData" :key="item.id" class="whitespace-nowrap" v-bind="item" />
</NSpace>