From b137eef429f3a0ab0b24bf751f467dedf39b767e Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Sat, 12 Oct 2024 15:52:42 +0800
Subject: [PATCH] =?UTF-8?q?1.=E8=83=8C=E6=99=AF=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page-settings/index.vue      |  1 +
 src/views/layout/components/main/index.scss | 11 ++++++++++-
 src/views/layout/components/main/index.vue  |  8 ++++++--
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/components/page-settings/index.vue b/src/components/page-settings/index.vue
index 5203d4e2..2442b486 100644
--- a/src/components/page-settings/index.vue
+++ b/src/components/page-settings/index.vue
@@ -165,6 +165,7 @@ const position_class = computed(() => (form.value?.indicator_location == 'center
         left: -0.2rem;
         right: -0.2rem;
         border: 0.2rem solid $cr-main;
+        z-index: 2;
     }
 }
 .logo-outer-style {
diff --git a/src/views/layout/components/main/index.scss b/src/views/layout/components/main/index.scss
index 98cdcc34..ee4c66cd 100644
--- a/src/views/layout/components/main/index.scss
+++ b/src/views/layout/components/main/index.scss
@@ -95,9 +95,18 @@
                 &::-webkit-scrollbar {
                     display: none;
                 }
+                .page-bg {
+                    position: absolute;
+                    left: 50;
+                    background: #f5f5f5;
+                    top: 0;
+                    left: 50%;
+                    transform: translateX(-50%);
+                    width: 39rem;
+                    min-height: 100%;
+                }
                 .model-wall {
                     width: 39rem;
-                    background: #f5f5f5;
                     margin: 0 auto;
                     min-height: 100%;
                     display: flex;
diff --git a/src/views/layout/components/main/index.vue b/src/views/layout/components/main/index.vue
index 51a91aa0..7611ee88 100644
--- a/src/views/layout/components/main/index.vue
+++ b/src/views/layout/components/main/index.vue
@@ -63,10 +63,13 @@
                 </div>
                 <!-- 拖拽区 -->
                 <div ref="scrollTop" class="model-drag" @scroll="on_scroll_event">
+                    <div class="page-bg" :style="content_style">
+                        <div class="page-bg-img" :style="content_img_style"></div>
+                    </div>
                     <!-- 页面设置 -->
                     <page-settings :show-page="page_data.show_tabs == '1'" :page-data="page_data" :scoll-top="scoll_top" @page_settings="page_settings"></page-settings>
-                    <div class="model-wall" :style="content_style">
-                        <div class="model-wall-content" :style="`padding-top:${top_padding}px; margin-top: ${top_margin}px;padding-bottom:${bottom_navigation_show ? footer_nav_counter_store.padding_footer : 0}px;${content_img_style}`">
+                    <div class="model-wall" :style="`margin-top: ${top_margin}px;`">
+                        <div class="model-wall-content" :style="`padding-top:${top_padding}px;padding-bottom:${bottom_navigation_show ? footer_nav_counter_store.padding_footer : 0}px;`">
                             <div-content :diy-data="tabs_data" :show-model-border="show_model_border" :is-tabs="true" :main-content-style="main_content_style" @on_choose="set_tabs_event(true)" @del="del"></div-content>
                             <div v-if="tabs_data.length > 0" class="seat"></div>
                             <VueDraggable v-model="diy_data" :animation="500" :touch-start-threshold="2" group="people" class="drag-area re" ghost-class="ghost" :on-sort="on_sort" :on-start="on_start" :on-end="on_end">
@@ -146,6 +149,7 @@ watch(
 );
 const top_padding = ref(90);
 const top_margin = ref(0);
+const model_wall_top = ref(0);
 const content_style = ref('');
 const content_img_style = ref('');
 const main_content_style = ref('');