🎈 perf(界面整理，准备开始下个版本开发):

Chadwuo · Oct 24, 2024 · 6da3414 · 6da3414
1 parent cbc6343
commit 6da3414
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 26 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>