保存视觉审核与文档流迁移进度

components/PageHeader.vue

@@ -1,5 +1,6 @@
 <!-- 公共组件：根页朱砂页头与普通返回页头；根页背景图层由统一基础资产提供。 -->
 <template>
+  <view class="page-header-slot" :class="{ 'page-header-slot--root': root }">
   <view class="page-header" :class="{ 'page-header--root': root }">
     <!-- 根页头部使用不透明朱砂底图与透明祠堂线稿两层完整资产。 -->
     <image
@@ -56,6 +57,7 @@
       }}</view>
     </view>
   </view>
+  </view>
 </template>
 
 <script setup>
@@ -70,7 +72,21 @@ const goBack = () => uni.navigateBack();
 </script>
 
 <style scoped lang="scss">
+.page-header-slot {
+  height: 104rpx;
+  flex: none;
+}
+
+.page-header-slot--root {
+  height: calc(124rpx + var(--status-bar-height, 0px));
+}
+
 .page-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 30;
   display: flex;
   align-items: center;
   height: 104rpx;
@@ -81,8 +97,6 @@ const goBack = () => uni.navigateBack();
 }
 
 .page-header--root {
-  position: relative;
-  z-index: 3;
   height: calc(124rpx + var(--status-bar-height, 0px));
   padding-top: var(--status-bar-height, 0px);
   background-color: #b52e22;