cantyonion/WebIndex
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

格式化样式

Browse Source
This commit is contained in:
Jeffrey Hsu 2024-10-02 17:36:33 +08:00
parent b60faf5518
commit 186086c0bd
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/card/CardTitle.vue
View File

@ -10,8 +10,8 @@ defineProps<{
<template> <template>
<div class="mb-4 flex justify-between text-2xl font-bold text-white"> <div class="mb-4 flex justify-between text-2xl font-bold text-white">
<div :class="mainColor" class="w-max overflow-hidden rounded-2xl bg-rose-500 flex justify-center items-center"> <div :class="mainColor" class="flex w-max items-center justify-center overflow-hidden rounded-2xl bg-rose-500">
<div :class="[subColor]" class="rounded-2xl px-4 py-2 w-14 text-center flex justify-center items-center h-full"> <div :class="[subColor]" class="flex h-full w-14 items-center justify-center rounded-2xl px-4 py-2 text-center">
<font-awesome-icon :icon="icon"/> <font-awesome-icon :icon="icon"/>
</div> </div>
<span class="px-4">{{ title }}</span> <span class="px-4">{{ title }}</span>

2
src/components/card/SectionCard.vue
View File

@ -24,7 +24,7 @@ const handleReload = () => {
</div> </div>
<div v-else> <div v-else>
<!-- 错误处理 --> <!-- 错误处理 -->
<div v-if="error" class="flex flex-col h-56 items-center justify-center" @click="handleReload"> <div v-if="error" class="flex h-56 flex-col items-center justify-center" @click="handleReload">
<span class="mb-4 text-8xl">❌</span> <span class="mb-4 text-8xl">❌</span>
<span class="text-center text-2xl font-bold">载入错误</span> <span class="text-center text-2xl font-bold">载入错误</span>
</div> </div>

2
src/views/home/HomeView.vue
View File

@ -72,7 +72,7 @@ onMounted(async () => {
</section> </section>
<!-- Git部分 --> <!-- Git部分 -->
<section class="w-full px-4 sm:px-0 my-4"> <section class="my-4 w-full px-4 sm:px-0">
<card-title :icon="['fas', 'code-commit']" main-color="bg-green-500" sub-color="bg-green-600" title="最近活动" <card-title :icon="['fas', 'code-commit']" main-color="bg-green-500" sub-color="bg-green-600" title="最近活动"
url="/git/"/> url="/git/"/>
</section> </section>