验收完成40%

pages/genealogy/g06-search-genealogies.vue

@@ -1,8 +1,7 @@
 <!-- 页面编号：G-06；用途：搜索家谱／邀请码加入双模式定位目标家谱。 -->
 <template>
   <view class="search-page">
-    <image class="search-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="scaleToFill" />
-    <image class="search-page__footer" src="/static/assets/foundation/transparent/footer-mountain-bamboo.png" mode="widthFix" />
+    <GenealogyPageBackground />
     <view class="search-page__header"><PageHeader title="加入家谱" /></view>
 
     <view class="search-page__content">
@@ -130,6 +129,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { onLoad, onUnload, onShow } from '@dcloudio/uni-app'
+import GenealogyPageBackground from '@/components/GenealogyPageBackground.vue'
 import PageHeader from '@/components/PageHeader.vue'
 
 const mode = ref('search')
@@ -220,8 +220,6 @@ const confirmInvite = () => uni.navigateTo({ url: `/pages/genealogy/g08-join-app
 
 <style scoped lang="scss">
 .search-page { position: relative; min-height: 100vh; overflow-x: hidden; background: $paper; }
-.search-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; opacity: .98; pointer-events: none; }
-.search-page__footer { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; opacity: .15; pointer-events: none; }
 .search-page__header { position: relative; z-index: 2; }
 .search-page__content { position: relative; z-index: 3; min-height: calc(100vh - 104rpx); padding: 30rpx 24rpx calc(58rpx + env(safe-area-inset-bottom)); box-sizing: border-box; }
 .search-title-strip { position: relative; width: 100%; height: 138rpx; }