验收完成40%

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