chore(projects): add unocss eslint config

This commit is contained in:
Soybean
2024-03-03 10:32:00 +08:00
parent b4c00ce199
commit 4063529a25
34 changed files with 165 additions and 64 deletions

View File

@ -81,7 +81,7 @@ function getGradientColor(color: CardData['color']) {
<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 }">
<div class="rd-8px px-16px pb-4px pt-8px text-white" :style="{ backgroundImage: gradientColor }">
<component :is="$slots.default" />
</div>
</DefineGradientBg>

View File

@ -7,9 +7,9 @@ defineOptions({
</script>
<template>
<NCard :title="$t('page.home.creativity')" :bordered="false" size="small" class="card-wrapper h-full">
<div class="flex-center h-full">
<IconLocalBanner class="text-400px sm:text-320px text-primary" />
<NCard :title="$t('page.home.creativity')" :bordered="false" size="small" class="h-full card-wrapper">
<div class="h-full flex-center">
<IconLocalBanner class="text-400px text-primary sm:text-320px" />
</div>
</NCard>
</template>

View File

@ -43,14 +43,14 @@ const statisticData = computed<StatisticData[]>(() => [
<NGrid :x-gap="gap" :y-gap="16" responsive="screen" item-responsive>
<NGi span="24 s:24 m:18">
<div class="flex-y-center">
<div class="shrink-0 size-72px rd-1/2 overflow-hidden">
<div class="size-72px shrink-0 overflow-hidden rd-1/2">
<img src="@/assets/imgs/soybean.jpg" class="size-full" />
</div>
<div class="pl-12px">
<h3 class="text-18px font-semibold">
{{ $t('page.home.greeting', { userName: authStore.userInfo.userName }) }}
</h3>
<p class="leading-30px text-#999">{{ $t('page.home.weatherDesc') }}</p>
<p class="text-#999 leading-30px">{{ $t('page.home.weatherDesc') }}</p>
</div>
</div>
</NGi>