验收完成40%

pages/genealogy/g05-genealogy-overview.vue

@@ -1,8 +1,7 @@
 <!-- 页面编号：G-05；用途：家谱总览与加载、空数据、失败状态。 -->
 <template>
   <view class="overview-page">
-    <image class="overview-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
-    <image class="overview-page__footer" src="/static/assets/foundation/transparent/footer-mountain-bamboo.png" mode="widthFix" />
+    <GenealogyPageBackground />
     <view class="overview-page__header">
       <PageHeader :title="viewMode === 'public' ? '家谱公开预览' : '家谱总览'" :action="overviewState === 'ready' && viewMode === 'member' && accessRole === 'owner' ? '管理' : ''" @action="toSettings" />
     </view>
@@ -66,7 +65,7 @@
           <text>{{ genealogy.publicDescription }}</text>
         </view>
         <view class="overview-public__action" @click="applyToJoin">
-          <image src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
+          <image src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" />
           <text>申请加入这部家谱</text>
         </view>
       </view>
@@ -80,7 +79,7 @@
         <text class="overview-state-panel__title">{{ stateTitle }}</text>
         <text class="overview-state-panel__copy">{{ stateCopy }}</text>
         <view v-if="overviewState !== 'loading'" class="overview-state-panel__action" @click="overviewState === 'error' ? reloadOverview() : toGenealogies()">
-          <image src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" />
+          <image src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" />
           <text>{{ overviewState === 'error' ? '重新查看' : '返回我的家谱' }}</text>
         </view>
       </view>
@@ -91,6 +90,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import GenealogyPageBackground from '@/components/GenealogyPageBackground.vue'
 import PageHeader from '@/components/PageHeader.vue'
 
 const genealogy = ref(null)
@@ -168,8 +168,6 @@ const applyToJoin = () => uni.navigateTo({ url: `/pages/genealogy/g08-join-appli
 
 <style scoped lang="scss">
 .overview-page { position: relative; min-height: 100vh; overflow-x: hidden; background: $paper; }
-.overview-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; opacity: .98; pointer-events: none; }
-.overview-page__footer { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; opacity: .13; pointer-events: none; }
 .overview-page__header { position: relative; z-index: 3; }
 .overview-surface { position: relative; z-index: 2; width: 100%; height: min(483px, calc(100vw * 1.3422)); }
 .overview-surface__skin { position: absolute; inset: 0; width: 100%; height: 100%; }