From a1aa2165be79472cf13f210633b493f2a8915e1f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com> Date: Fri, 11 Oct 2024 10:56:45 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=BB=98=E8=AE=A4=E6=95=B0?= =?UTF-8?q?=E6=8D=AE=E5=A4=84=E7=90=86=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/tabs-styles.vue | 10 +++++++++ src/components/model-data-magic/index.vue | 11 +++------- src/components/page-settings/index.vue | 2 +- src/components/page-settings/page-styles.vue | 5 +++-- src/views/layout/index.vue | 22 ++++++++++++++++++- 5 files changed, 38 insertions(+), 12 deletions(-) diff --git a/src/components/model-data-magic/components/tabs-styles.vue b/src/components/model-data-magic/components/tabs-styles.vue index cdad8d91..d1dc7179 100644 --- a/src/components/model-data-magic/components/tabs-styles.vue +++ b/src/components/model-data-magic/components/tabs-styles.vue @@ -40,6 +40,16 @@
+ +
商品样式
+ + + + + + + +
diff --git a/src/components/model-data-magic/index.vue b/src/components/model-data-magic/index.vue index 20bd246c..5888177f 100644 --- a/src/components/model-data-magic/index.vue +++ b/src/components/model-data-magic/index.vue @@ -239,12 +239,7 @@ const commodity_list = (list: any[], num: number) => { return [{ split_list: Array(num).fill(default_list)}]; } } -const background_style = (item: any) => { - return gradient_computer(item); -}; -const background_img_style = (item: any) => { - return background_computer(item); -}; + const old_list = ref({}); const data_magic_list = ref([]); watch(props.value.content, (val) => { @@ -257,8 +252,8 @@ watch(props.value.content, (val) => { item.actived_index = 0; // 指示器样式 data_style.indicator_styles = indicator_style(data_style); - data_style.background_style = background_style(data_style); - data_style.background_img_style = background_img_style(data_style); + data_style.background_style = gradient_computer(data_style); + data_style.background_img_style = background_computer(data_style); const { is_roll, rotation_direction, interval_time } = data_style; const { goods_list, images_list } = data_content; diff --git a/src/components/page-settings/index.vue b/src/components/page-settings/index.vue index 3aff0ba1..a2f15036 100644 --- a/src/components/page-settings/index.vue +++ b/src/components/page-settings/index.vue @@ -107,7 +107,7 @@ const up_slide_style = computed(() => { const up_slide_img_style = computed(() => { let style = ``; if (props.scollTop > 0) { - const { up_slide_background_img, up_slide_background_img_style } = new_style.value; + const { up_slide_background_img = '', up_slide_background_img_style = '' } = new_style.value; // 背景图 const back = { background_img: up_slide_background_img, background_img_style: up_slide_background_img_style }; style += background_computer(back); diff --git a/src/components/page-settings/page-styles.vue b/src/components/page-settings/page-styles.vue index ef56b519..97c53a46 100644 --- a/src/components/page-settings/page-styles.vue +++ b/src/components/page-settings/page-styles.vue @@ -19,7 +19,7 @@
- + 黑色 白色 @@ -41,7 +41,7 @@
- +
背景图
@@ -103,6 +103,7 @@ const state = reactive({ }); // 如果需要解构，确保使用toRefs const { form, search_content } = toRefs(state); +console.log(form); const header_background_type_change_event = (val: any) => { if (val === 'color_image') { diff --git a/src/views/layout/index.vue b/src/views/layout/index.vue index 686b090f..548c3845 100644 --- a/src/views/layout/index.vue +++ b/src/views/layout/index.vue @@ -133,7 +133,14 @@ const init = () => { if (get_id()) { DiyAPI.getInit({ id: get_id() }).then((res: any) => { if (res.data) { - form.value = form_data_transfor_diy_data(res.data); + let data = form_data_transfor_diy_data(res.data); + // 默认数据合并 + data.header.com_data = default_merge(data.header.com_data, 'header_nav'); + data.footer.com_data = default_merge(data.footer.com_data, 'footer_nav'); + data.diy_data = data_merge(data.diy_data); + data.tabs_data = data_merge(data.tabs_data); + + form.value = data; } else { is_empty.value = true; } @@ -146,6 +153,19 @@ const init = () => { loading_event(); } }; +// 数据合并 +const data_merge = (list: string[]) => { + list.forEach((item: any) => { + item.com_data = default_merge(item.com_data, item.key);; + }); + return list; +}; +// 浅层数据合并 +const default_merge = (data: any, key: string) => { + data.style = Object.assign({}, cloneDeep((defaultSettings as any)[key.replace(/-/g, '_')]).style, data.style); + data.content = Object.assign({}, cloneDeep((defaultSettings as any)[key.replace(/-/g, '_')]), data.content); + return data; +}; // 初始化公共数据 const common_init = () => {