sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.背景优化

v1.0.0
sws 2024-10-12 15:52:42 +08:00
parent 399063d3b0
commit b137eef429
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/page-settings/index.vue
View File

@ -165,6 +165,7 @@ const position_class = computed(() => (form.value?.indicator_location == 'center
left: -0.2rem; left: -0.2rem;
right: -0.2rem; right: -0.2rem;
border: 0.2rem solid $cr-main; border: 0.2rem solid $cr-main;
z-index: 2;
} }
} }
.logo-outer-style { .logo-outer-style {

11
src/views/layout/components/main/index.scss
View File

@ -95,9 +95,18 @@
&::-webkit-scrollbar { &::-webkit-scrollbar {
display: none; display: none;
} }
.page-bg {
position: absolute;
left: 50;
background: #f5f5f5;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 39rem;
min-height: 100%;
}
.model-wall { .model-wall {
width: 39rem; width: 39rem;
background: #f5f5f5;
margin: 0 auto; margin: 0 auto;
min-height: 100%; min-height: 100%;
display: flex; display: flex;

8
src/views/layout/components/main/index.vue
View File

@ -63,10 +63,13 @@
</div> </div>
<!-- 拖拽区 --> <!-- 拖拽区 -->
<div ref="scrollTop" class="model-drag" @scroll="on_scroll_event"> <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> <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" :style="`margin-top: ${top_margin}px;`">
<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-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-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> <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"> <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_padding = ref(90);
const top_margin = ref(0); const top_margin = ref(0);
const model_wall_top = ref(0);
const content_style = ref(''); const content_style = ref('');
const content_img_style = ref(''); const content_img_style = ref('');
const main_content_style = ref(''); const main_content_style = ref('');