验收完成40%

pages/genealogy/g08-join-application.vue

@@ -1,8 +1,7 @@
 <!-- 页面编号：G-08；用途：申请加入家谱与提交成功/失败状态。 -->
 <template>
   <view class="join-page">
-    <image class="join-page__paper" src="/static/assets/foundation/opaque/page-paper.jpg" mode="aspectFill" />
-    <image class="join-page__footer" src="/static/assets/foundation/transparent/footer-mountain-bamboo.png" mode="widthFix" />
+    <GenealogyPageBackground />
     <view class="join-page__header"><PageHeader :title="sourceContract.headerTitle" /></view>
 
     <view class="join-panel" :class="{
@@ -35,7 +34,7 @@
 
         <text class="join-form__note">{{ sourceContract.note }}</text>
         <view class="join-action" @click="submitJoin">
-          <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>{{ isSubmitting ? sourceContract.submittingLabel : sourceContract.submitLabel }}</text>
         </view>
       </view>
@@ -45,7 +44,7 @@
         <text class="join-result__title">{{ joinState === 'success' ? sourceContract.successTitle : sourceContract.errorTitle }}</text>
         <text class="join-result__copy">{{ resultCopy }}</text>
         <view class="join-action" @click="joinState === 'success' ? completeFlow() : retryForm()">
-          <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>{{ joinState === 'success' ? sourceContract.nextLabel : '重新填写' }}</text>
         </view>
       </view>
@@ -56,6 +55,7 @@
 <script setup>
 import { computed, reactive, ref } from 'vue'
 import { onLoad } from '@dcloudio/uni-app'
+import GenealogyPageBackground from '@/components/GenealogyPageBackground.vue'
 import PageHeader from '@/components/PageHeader.vue'
 
 const genealogyId = ref('')
@@ -143,8 +143,6 @@ const completeFlow = () => source.value === 'invite' ? toMyGenealogies() : toMyA
 
 <style scoped lang="scss">
 .join-page { position: relative; min-height: 100vh; overflow-x: hidden; background: $paper; }
-.join-page__paper { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; opacity: .98; pointer-events: none; }
-.join-page__footer { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; width: 100%; opacity: .13; pointer-events: none; }
 .join-page__header { position: relative; z-index: 3; }
 .join-panel { position: relative; z-index: 2; width: calc(100% - 32rpx); height: min(590px, calc((100vw - 16px) * 1.337)); margin: 22rpx auto 0; }
 .join-panel__skin { position: absolute; inset: 0; width: 100%; height: 100%; }