验收完成40%

pages/genealogy/g03-create-genealogy.vue

@@ -1,17 +1,7 @@
 <!-- 页面编号：G-03；用途：创建家谱与录入首代人物的同路由两步流程。 -->
 <template>
   <view class="flow-page">
-    <!-- 纸纹、页头和山水均由完整位图承载，流程内容只叠加文字和控件。 -->
-    <image
-      class="page-paper-texture"
-      src="/static/assets/foundation/opaque/page-paper.jpg"
-      mode="scaleToFill"
-    />
-    <image
-      class="page-footer-landscape"
-      src="/static/assets/foundation/transparent/footer-mountain-bamboo.png"
-      mode="scaleToFill"
-    />
+    <GenealogyPageBackground />
 
     <view class="flow-header">
       <image
@@ -81,8 +71,8 @@
           <view class="flow-primary-action" hover-class="action-hover" @click="submitCreate">
             <image
               class="flow-primary-action__skin"
-              src="/static/assets/foundation/opaque/a01-primary-button.png"
-              mode="scaleToFill"
+              src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png"
+              mode="aspectFit"
             />
             <text class="flow-primary-action__copy">{{ createState === 'submitting' ? '正在创建…' : '创建并录入首代' }}</text>
           </view>
@@ -118,8 +108,8 @@
           <view class="flow-primary-action" hover-class="action-hover" @click="submitAncestor">
             <image
               class="flow-primary-action__skin"
-              src="/static/assets/foundation/opaque/a01-primary-button.png"
-              mode="scaleToFill"
+              src="/static/assets/foundation/transparent/a01-scroll-primary-v3.png"
+              mode="aspectFit"
             />
             <text class="flow-primary-action__copy">{{ ancestorState === 'submitting' ? '正在保存…' : '保存并进入家谱' }}</text>
           </view>
@@ -129,16 +119,16 @@
 
     <view v-if="duplicateReminderVisible" class="duplicate-reminder-layer" @click="closeDuplicateReminder">
       <view class="duplicate-reminder" @click.stop>
-        <image class="duplicate-reminder__skin" src="/static/assets/modules/genealogy/opaque/g03-create-flow-panel.png" mode="scaleToFill" />
+        <image class="duplicate-reminder__skin" src="/static/assets/modules/auth/transparent/a01-scroll-dialog-v3.png" mode="aspectFit" />
         <view class="duplicate-reminder__content">
           <text class="duplicate-reminder__title">先确认是否已有家谱</text>
           <text class="duplicate-reminder__copy">同一家族可能已经建谱。建议先搜索谱名、地区和堂号，避免重复创建。</text>
           <view class="duplicate-reminder__search" @click="searchExistingGenealogy">
-            <image src="/static/assets/foundation/opaque/a01-secondary-button.png" mode="scaleToFill" />
+            <image src="/static/assets/foundation/transparent/a01-scroll-secondary-v3.png" mode="aspectFit" />
             <text>先搜索已有家谱</text>
           </view>
           <view class="duplicate-reminder__confirm" @click="confirmCreate">
-            <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 class="duplicate-reminder__cancel" @click="closeDuplicateReminder">返回修改</view>
@@ -148,12 +138,12 @@
 
     <view v-if="ancestorState === 'success'" class="flow-success-layer">
       <view class="flow-success-dialog">
-        <image class="flow-success-dialog__skin" src="/static/assets/modules/genealogy/opaque/g03-create-flow-panel.png" mode="scaleToFill" />
+        <image class="flow-success-dialog__skin" src="/static/assets/modules/auth/transparent/a01-scroll-dialog-v3.png" mode="aspectFit" />
         <view class="flow-success-dialog__content">
           <text class="flow-success-dialog__title">家谱创建完成</text>
           <text class="flow-success-dialog__copy">首代人物已保存，接下来进入家谱总览继续完善资料。</text>
           <view class="flow-success-dialog__action" @click="enterOverview">
-            <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>
@@ -165,6 +155,7 @@
 <script setup>
 import { computed, onMounted, onUnmounted, reactive, ref } from "vue";
 import { onLoad, onShow } from "@dcloudio/uni-app";
+import GenealogyPageBackground from "@/components/GenealogyPageBackground.vue";
 
 const currentStep = ref("create");
 const genealogyId = ref("");
@@ -305,31 +296,6 @@ const enterOverview = () => uni.redirectTo({ url: `/pages/genealogy/g05-genealog
   background: #f9f6ef;
 }
 
-.page-paper-texture {
-  position: absolute;
-  top: 112rpx;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0.74;
-  pointer-events: none;
-}
-
-.page-footer-landscape {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 430rpx;
-  opacity: 0.42;
-  pointer-events: none;
-}
-
 .flow-header {
   position: relative;
   z-index: 3;