From 6da34141df4ad9405992211190679935b76020ce Mon Sep 17 00:00:00 2001
From: Chad Wuo <chadwuo@outlook.com>
Date: Thu, 24 Oct 2024 22:59:17 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=88=20perf(=E7=95=8C=E9=9D=A2=E6=95=B4?=
 =?UTF-8?q?=E7=90=86=EF=BC=8C=E5=87=86=E5=A4=87=E5=BC=80=E5=A7=8B=E4=B8=8B?=
 =?UTF-8?q?=E4=B8=AA=E7=89=88=E6=9C=AC=E5=BC=80=E5=8F=91):?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/book/index.vue     | 42 ++++++++++++++++--------------------
 src/pages/family/index.vue   |  3 ++-
 src/pages/settings/index.vue |  3 +++
 src/pages/sponsor/index.vue  |  4 ++--
 4 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/pages/book/index.vue b/src/pages/book/index.vue
index 6c79f78..4b7aa52 100644
--- a/src/pages/book/index.vue
+++ b/src/pages/book/index.vue
@@ -87,32 +87,28 @@ function handleBookClick(e) {
       </template>
     </uv-navbar>
 
-    <div class="grid grid-cols-2 gap-5 pt-6">
+    <div class="grid grid-cols-2 mt-5 gap-5">
       <div
-        v-for="i in books" :key="i._id" class="h-48 w-full rounded-l-5 rounded-r-10 bg-white"
+        v-for="i in books" :key="i._id" class="h-40 w-full rounded-l-5 rounded-r-10 bg-white py-5"
         @click="handleBookClick(i)"
       >
-        <div class="h-full flex flex-col justify-around">
-          <div class="mx-4">
-            <div class="text-lg font-bold" :class="[hasMourningWords(i.title) ? 'text-gray' : 'text-red']">
-              {{
-                i.title }}
-            </div>
-            <div class="text-sm text-gray">
-              共 <span font-bold>{{ i.giftCount }}</span> 笔
-            </div>
+        <div class="mx-4 h-full flex flex-col justify-around">
+          <div class="text-lg font-bold" :class="[hasMourningWords(i.title) ? 'text-gray' : 'text-red']">
+            {{
+              i.title }}
           </div>
-          <div class="mx-4">
-            <div class="text-lg font-bold">
-              <span class="text-sm">￥</span>{{ i.giftTotal }}
-            </div>
-            <div class="text-sm text-gray">
-              {{ i.date.value }}
-            </div>
-            <div class="text-xs text-gray">
-              {{ i.date.lunar_month }} {{
-                i.date.lunar_day }} {{ i.date.lunar_year }}
-            </div>
+          <div class="text-sm text-gray">
+            共 <span font-bold>{{ i.giftCount }}</span> 笔
+          </div>
+          <div class="mt-auto text-lg font-bold">
+            <span class="text-sm">￥</span>{{ i.giftTotal }}
+          </div>
+          <div class="text-sm text-gray">
+            {{ i.date.value }}
+          </div>
+          <div class="text-xs text-gray">
+            {{ i.date.lunar_month }} {{
+              i.date.lunar_day }} {{ i.date.lunar_year }}
           </div>
         </div>
         <div class="relative">
@@ -128,7 +124,7 @@ function handleBookClick(e) {
         </div>
       </div>
       <div
-        class="h-48 w-full flex flex-col items-center justify-center rounded-l-5 rounded-r-10 bg-white"
+        class="h-40 w-full flex flex-col items-center justify-center rounded-l-5 rounded-r-10 bg-white py-5"
         @click="router.push('/pages/book/edit')"
       >
         <div class="i-carbon-add-alt text-3xl text-red font-bold" />
diff --git a/src/pages/family/index.vue b/src/pages/family/index.vue
index 3f66326..5a0b8c6 100644
--- a/src/pages/family/index.vue
+++ b/src/pages/family/index.vue
@@ -80,7 +80,7 @@ onShareAppMessage(() => {
 </script>
 
 <template>
-  <div class="mt-3">
+  <div class="mt-3 h-full flex flex-col">
     <div v-if="!userInfo.familyMembers" class="rounded-2xl bg-white p-4 space-y-2xl">
       <div class="text-center">
         <img src="/static/home.svg">
@@ -147,6 +147,7 @@ onShareAppMessage(() => {
         </button>
       </div>
     </div>
+    <Advertisement class="mt-auto" />
   </div>
   <uv-action-sheet
     ref="actionSheetRef" :actions="actionSheetList" :safe-area-inset-bottom="true"
diff --git a/src/pages/settings/index.vue b/src/pages/settings/index.vue
index 11532fc..c65d45d 100644
--- a/src/pages/settings/index.vue
+++ b/src/pages/settings/index.vue
@@ -94,6 +94,9 @@ function onBlur() {
       <uv-cell title="隐私政策" :border="false" is-link @click="openPrivacyContract" />
       <uv-cell title="关于礼记" is-link :border="false" url="/pages/about/index" />
     </div>
+    <div class="overflow-hidden rounded-2xl bg-white">
+      <Advertisement />
+    </div>
   </div>
 </template>
 
diff --git a/src/pages/sponsor/index.vue b/src/pages/sponsor/index.vue
index 7b79614..e439441 100644
--- a/src/pages/sponsor/index.vue
+++ b/src/pages/sponsor/index.vue
@@ -2,7 +2,7 @@
 </script>
 
 <template>
-  <div class="mt-5">
+  <div class="mt-5 h-full flex flex-col">
     <div class="indent-8 text-sm leading-relaxed">
       "礼记"作为一个开放共享的项目，一直以来都致力于为用户提供高质量的服务与体验。由于项目的持续运行需要较大的资源投入，我们不得不在部分页面引入了少量广告以支持日常运营。
     </div>
@@ -11,8 +11,8 @@
         设置
       </text>中提供了关闭广告的功能。如果您希望支持“礼记”，让这个社区继续成长并为更多人服务，请考虑保持广告开启状态。
     </div>
+    <Advertisement class="mt-auto" adtyle="video" />
   </div>
-  <Advertisement class="mt-auto" adtyle="video" />
 </template>
 
 <style lang="scss" scoped></style>