验收完成40%

pages/tree/t07-member-directory.vue

@@ -1,7 +1,7 @@
 <!-- 页面编号：T-07；用途：成员目录、搜索、空态与失败状态。 -->
 <template>
   <view class="directory-page" :class="{ 'directory-state--list': directoryState === 'list', 'directory-state--empty': directoryState === 'empty', 'directory-state--error': directoryState === 'error' }">
-    <image class="directory-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
+    <ModulePageBackground module="tree" />
     <view class="directory-page__header"><PageHeader title="成员目录" /></view>
     <view class="directory-search">
       <image src="/static/assets/modules/genealogy/opaque/g06-search-input-wide.png" mode="scaleToFill" />
@@ -26,6 +26,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import ModulePageBackground from '@/components/ModulePageBackground.vue'
 import PageHeader from '@/components/PageHeader.vue'
 const genealogyId = ref('')
 const keyword = ref('')
@@ -46,7 +47,6 @@ const openMember = (item) => uni.navigateTo({ url: `/pages/tree/t03-member-profi
 </script>
 <style scoped lang="scss">
 .directory-page { position: relative; min-height: 100vh; overflow: hidden; background: $paper; }
-.directory-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
 .directory-page__header, .directory-search, .directory-content { position: relative; z-index: 2; }
 .directory-search { width: calc(100% - 48rpx); height: 84rpx; margin: 20rpx auto 0; }
 .directory-search image { position: absolute; inset: 0; width: 100%; height: 100%; }