1.背景优化
parent
399063d3b0
commit
b137eef429
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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('');
|
||||
|
|
|
|||
Loading…
Reference in New Issue