From 9080565311cdb995caa17e3674753bb0dc776f95 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Tue, 8 Oct 2024 14:47:39 +0800
Subject: [PATCH] =?UTF-8?q?1.diy=E7=9A=84header=E5=AF=B9=E9=BD=90=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/header.vue | 54 +++++++++++++++++++++++++--------------
 1 file changed, 35 insertions(+), 19 deletions(-)

diff --git a/components/diy/header.vue b/components/diy/header.vue
index 26d0c735..1eebd102 100644
--- a/components/diy/header.vue
+++ b/components/diy/header.vue
@@ -6,19 +6,21 @@
                     <view class="model-top flex-1 mt-1">
                         <view class="roll pr z-i">
                             <view class="model-head pr flex-row align-c" :style="header_style">
-                                <view class="flex-row align-c jc-sb gap-16 wh-auto">
-                                    <view v-if="['1', '2', '3'].includes(form.content.theme)" class="flex-1 flex-row align-c jc-c ht-auto gap-16 padding-left-main" :style="text_style + 'justify-content:' + form.content.indicator_location || 'center'">
-                                        <template v-if="['2', '3'].includes(form.content.theme)">
-                                            <view class="logo-outer-style">
-                                                <imageEmpty :propImageSrc="form.content.logo[0]" propImgFit="heightFix" propErrorStyle="width:40rpx;height:40rpx;"></imageEmpty>
-                                            </view>
-                                        </template>
-                                        <view v-if="['1', '2'].includes(form.content.theme)">{{ form.content.title }}</view>
-                                        <template v-if="['3', '5'].includes(form.content.theme)">
-                                            <view class="flex-1">
-                                                <componentDiySearch :propValue="form" :propIsPageSettings="true" :propIsClick="is_click" @search_tap="search_tap"></componentDiySearch>
-                                            </view>
-                                        </template>
+                                <view class="model-head-content flex-row align-c jc-sb gap-16 wh-auto pr">
+                                    <view v-if="['1', '2', '3'].includes(form.content.theme)" class="flex-1">
+                                        <view class="flex-row align-c jc-c ht-auto gap-16 padding-left-main" :class="position_class" :style="text_style + 'justify-content:' + form.content.indicator_location || 'center'">
+                                            <template v-if="['2', '3'].includes(form.content.theme)">
+                                                <view class="logo-outer-style">
+                                                    <imageEmpty :propImageSrc="form.content.logo[0]" propImgFit="heightFix" propErrorStyle="width:40rpx;height:40rpx;"></imageEmpty>
+                                                </view>
+                                            </template>
+                                            <view v-if="['1', '2'].includes(form.content.theme)">{{ form.content.title }}</view>
+                                            <template v-if="['3', '5'].includes(form.content.theme)">
+                                                <view class="flex-1">
+                                                    <componentDiySearch :propValue="form" :propIsPageSettings="true" :propIsClick="is_click" @search_tap="search_tap"></componentDiySearch>
+                                                </view>
+                                            </template>
+                                        </view>
                                     </view>
                                     <view v-else-if="['4', '5'].includes(form.content.theme)" class="flex-1 flex-row align-c h gap-10 padding-left-main">
                                         <view class="flex-row align-c gap-2" @tap="go_map_event">
@@ -172,7 +174,8 @@
                     position: new_style.up_slide_display == '1' ? 'position:fixed;' : 'position:relative;',
                     is_positon_realative: new_style.up_slide_display == '1' ? false : true,
                     roll_style: new_roll_style,
-                    text_style: `font-weight:${new_style.header_background_title_typeface}; font-size: ${new_style.header_background_title_size * 2}rpx; color: ${new_style.header_background_title_color};`,
+                    text_style: `font-weight:${new_style.header_background_title_typeface}; font-size: ${new_style.header_background_title_size * 2}rpx; color: ${new_style.header_background_title_color};right:-${custom.width + 10}px;`,
+                    position_class: new_content.indicator_location == 'center' ? `indicator-center` : '',
                     header_style: menuButtonInfo,
                     header_background_type: header_background_type,
                     is_immersion_model: header_background_type !== 'color_image' && immersive_style == '1',
@@ -239,23 +242,36 @@
             }
         }
         .model-head {
+            height: 66rpx;
             overflow: hidden;
+            .model-head-content {
+                height: 66rpx;
+                top: -6rpx;
+            }
         }
         .model-head-icon {
             position: absolute;
             right: 0;
             bottom: 0;
-            height: 64rpx;
+            height: 66rpx;
             .function-icon {
-                height: 64rpx;
+                height: 66rpx;
             }
         }
         .logo-outer-style {
-            height: 64rpx;
+            height: 66rpx;
             .logo-style {
-                height: 64rpx;
-                width: 64rpx;
+                height: 66rpx;
+                width: 66rpx;
             }
         }
     }
+    .indicator-center {
+        position: absolute;
+        left: 0;
+        right: 0;
+        text-align: center;
+        top: 0;
+        padding-left: 0;
+    }
 </style>