验收完成40%

pages/tree/t01-tree-overview.vue

@@ -6,7 +6,7 @@
     'tree-state--empty': treeState === 'empty',
     'tree-state--error': treeState === 'error'
   }">
-    <image class="tree-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
+    <ModulePageBackground module="tree" />
     <view class="tree-page__header"><PageHeader title="世系树" action="成员目录" @action="toDirectory" /></view>
 
     <view class="tree-toolbar">
@@ -40,7 +40,7 @@
           <text class="tree-state-card__title">{{ stateCopy.title }}</text>
           <text class="tree-state-card__copy">{{ stateCopy.copy }}</text>
           <view class="tree-state-card__action" @click="handleStateAction">
-            <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>{{ stateCopy.action }}</text>
           </view>
         </view>
@@ -55,10 +55,10 @@
       </view>
       <view class="sheet-actions">
         <view class="sheet-action sheet-member-action" @click="toMember">
-          <image src="/static/assets/foundation/opaque/a01-secondary-button.png" mode="scaleToFill" /><text>查看资料</text>
+          <image src="/static/assets/foundation/transparent/a01-scroll-secondary-v3.png" mode="aspectFit" /><text>查看资料</text>
         </view>
         <view class="sheet-action" @click="toAddRelative">
-          <image src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" /><text>添加亲属</text>
+          <image src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" /><text>添加亲属</text>
         </view>
       </view>
     </view>
@@ -68,6 +68,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'
 import { genealogyContext } from '@/utils/genealogy-context.js'
 
@@ -122,7 +123,6 @@ const toAddRelative = () => uni.navigateTo({ url: `/pages/tree/t04-add-relative?
 
 <style scoped lang="scss">
 .tree-page { position: relative; height: 100vh; overflow: hidden; background: $paper; }
-.tree-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
 .tree-page__header, .tree-toolbar, .tree-scroll, .member-sheet { position: relative; z-index: 2; }
 .tree-toolbar { display: flex; align-items: center; justify-content: space-between; padding: 18rpx 28rpx 14rpx; }
 .tree-toolbar__title text { display: block; }

pages/tree/t03-member-profile.vue

@@ -1,7 +1,7 @@
 <!-- 页面编号：T-03；用途：成员档案详情与失败状态（页面设计阶段使用本地模拟数据）。 -->
 <template>
   <view class="member-page" :class="{ 'member-state--detail': memberState === 'detail', 'member-state--error': memberState === 'error' }">
-    <image class="member-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
+    <ModulePageBackground module="tree" />
     <view class="member-page__header"><PageHeader title="成员档案" :action="memberState === 'detail' ? '编辑' : ''" @action="toEdit" /></view>
     <view class="member-panel">
       <image class="member-panel__skin" src="/static/assets/modules/genealogy/opaque/g03-create-flow-panel.png" mode="scaleToFill" />
@@ -19,12 +19,12 @@
           <text>长子 · 汤正国</text><text>次子 · 汤正华</text>
         </view>
         <view class="member-profile-action" @click="toEdit">
-          <image src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" /><text>完善成员档案</text>
+          <image src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" /><text>完善成员档案</text>
         </view>
       </view>
       <view v-else class="member-error">
         <text>成员档案暂不可用</text><text>请从世系树重新选择成员，当前没有可展示的个人资料。</text>
-        <view class="member-profile-action" @click="toTree"><image src="/static/assets/foundation/opaque/a01-primary-button.png" mode="scaleToFill" /><text>返回世系树</text></view>
+        <view class="member-profile-action" @click="toTree"><image src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png" mode="aspectFit" /><text>返回世系树</text></view>
       </view>
     </view>
   </view>
@@ -32,6 +32,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'
 import { genealogyContext } from '@/utils/genealogy-context.js'
 const genealogyId = ref('')
@@ -55,7 +56,6 @@ const toTree = () => uni.navigateBack()
 </script>
 <style scoped lang="scss">
 .member-page { position: relative; min-height: 100vh; overflow: hidden; background: $paper; }
-.member-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
 .member-page__header { position: relative; z-index: 3; }
 .member-panel { position: relative; z-index: 2; width: calc(100% - 32rpx); height: min(650px, calc((100vw - 16px) * 1.5)); margin: 18rpx auto 0; }
 .member-panel__skin { position: absolute; inset: 0; width: 100%; height: 100%; }

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%; }

pages/tree/t08-member-states.vue

@@ -5,11 +5,11 @@
     'member-status--deceased': statusState === 'deceased',
     'member-status--forbidden': statusState === 'forbidden'
   }">
-    <image class="member-status-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
+    <ModulePageBackground module="tree" />
     <view class="member-status-page__header"><PageHeader title="成员状态" /></view>
     <view class="status-tabs">
       <view v-for="item in tabs" :key="item.value" class="status-tab" @click="statusState = item.value">
-        <image :src="statusState === item.value ? '/static/assets/foundation/opaque/a01-primary-button.png' : '/static/assets/foundation/opaque/a01-secondary-button.png'" mode="scaleToFill" />
+        <image :src="statusState === item.value ? '/static/assets/foundation/transparent/a01-scroll-primary-v3.png' : '/static/assets/foundation/transparent/a01-scroll-secondary-v3.png'" mode="aspectFit" />
         <text :class="{ 'status-tab__text--active': statusState === item.value }">{{ item.label }}</text>
       </view>
     </view>
@@ -31,6 +31,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 statusState = ref('privacy')
 const tabs = [{ value: 'privacy', label: '隐私' }, { value: 'deceased', label: '纪念' }, { value: 'forbidden', label: '无权限' }]
@@ -44,7 +45,6 @@ onLoad((query) => { statusState.value = states[query.state] ? query.state : 'pri
 </script>
 <style scoped lang="scss">
 .member-status-page { position: relative; min-height: 100vh; overflow: hidden; background: $paper; }
-.member-status-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; pointer-events: none; }
 .member-status-page__header, .status-tabs, .status-card, .status-guidance { position: relative; z-index: 2; }
 .status-tabs { display: flex; gap: 10rpx; padding: 22rpx 24rpx 0; }
 .status-tab { position: relative; width: calc(33.333% - 7rpx); height: 62rpx; }