diff --git a/components/diy/header.vue b/components/diy/header.vue index 703a55cc..bcca6832 100644 --- a/components/diy/header.vue +++ b/components/diy/header.vue @@ -6,19 +6,21 @@ - - - - {{ form.content.title }} - + + + + + {{ form.content.title }} + + @@ -181,7 +183,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', @@ -248,23 +251,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; + }