From f47594a41558d1a5fa00f475d4153286f41590b8 Mon Sep 17 00:00:00 2001 From: sws <1141121512@qq.com> Date: Tue, 15 Oct 2024 10:29:07 +0800 Subject: [PATCH] =?UTF-8?q?1.=E9=80=89=E9=A1=B9=E5=8D=A1=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E9=A3=8E=E6=A0=BC1=E7=9A=84=E9=A3=8E=E6=A0=BC=E9=80=89?= =?UTF-8?q?=E6=8B=A9=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/common/tabs-view/index.vue | 15 ++++++++++++++- .../model-article-tabs-setting.vue | 2 +- .../model-article-tabs-styles.vue | 6 +++++- .../model-goods-tabs/model-goods-tabs-setting.vue | 2 +- .../model-goods-tabs/model-goods-tabs-styles.vue | 9 +++++++-- .../model-tabs-carousel-setting.vue | 5 ++--- .../model-tabs-carousel-styles.vue | 10 +++++++--- src/components/model-tabs/model-tabs-setting.vue | 5 ++--- src/components/model-tabs/model-tabs-styles.vue | 11 ++++++++++- 9 files changed, 49 insertions(+), 16 deletions(-) diff --git a/src/components/common/tabs-view/index.vue b/src/components/common/tabs-view/index.vue index 94063b6b..4ce63b29 100644 --- a/src/components/common/tabs-view/index.vue +++ b/src/components/common/tabs-view/index.vue @@ -12,7 +12,7 @@
{{ item.title }}
{{ item.desc }}
-
+
@@ -61,6 +61,10 @@ const tabs_theme = computed(() => { } return tabs_theme; }); +const tabs_bottom_line_theme = computed(() => { + return new_style.value.tabs_one_theme == '1' ? 'tabs-bottom-line-theme' : ''; +}); + // 选中的背景渐变色样式 const tabs_check = computed(() => { const new_gradient_params = { @@ -152,6 +156,15 @@ const icon_tabs_check = () => { display: block; } } + .tabs-bottom-line-theme { + opacity: 0.6; + bottom: 0.8rem; + z-index: 0; + height: 0.7rem; + border-radius: 0; + width: 76%; + left: 12%; + } } &.tabs-style-2 { &.active { diff --git a/src/components/model-article-tabs/model-article-tabs-setting.vue b/src/components/model-article-tabs/model-article-tabs-setting.vue index 95475382..f774bf00 100644 --- a/src/components/model-article-tabs/model-article-tabs-setting.vue +++ b/src/components/model-article-tabs/model-article-tabs-setting.vue @@ -4,7 +4,7 @@ diff --git a/src/components/model-article-tabs/model-article-tabs-styles.vue b/src/components/model-article-tabs/model-article-tabs-styles.vue index 1d813fe3..227d954d 100644 --- a/src/components/model-article-tabs/model-article-tabs-styles.vue +++ b/src/components/model-article-tabs/model-article-tabs-styles.vue @@ -4,7 +4,7 @@
选项卡样式
- + 样式一 样式二 @@ -94,6 +94,10 @@ const props = defineProps({ img_radius_1: 0, }), }, + tabsStyle: { + type: String, + default: '', + }, }); // 默认值 const state = reactive({ diff --git a/src/components/model-goods-tabs/model-goods-tabs-setting.vue b/src/components/model-goods-tabs/model-goods-tabs-setting.vue index 3a505d79..03b8238a 100644 --- a/src/components/model-goods-tabs/model-goods-tabs-setting.vue +++ b/src/components/model-goods-tabs/model-goods-tabs-setting.vue @@ -4,7 +4,7 @@ diff --git a/src/components/model-goods-tabs/model-goods-tabs-styles.vue b/src/components/model-goods-tabs/model-goods-tabs-styles.vue index b009f930..aab4dd0a 100644 --- a/src/components/model-goods-tabs/model-goods-tabs-styles.vue +++ b/src/components/model-goods-tabs/model-goods-tabs-styles.vue @@ -4,7 +4,7 @@
选项卡样式
- + 样式一 样式二 @@ -68,7 +68,7 @@
轮播设置
- + @@ -115,6 +115,11 @@ const props = defineProps({ img_radius_1: 0, }), }, + // 选项卡的风格 + tabsStyle: { + type: String, + default: '', + }, }); // 默认值 diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue b/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue index 6d0b0348..96602857 100644 --- a/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue +++ b/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue @@ -4,7 +4,7 @@ @@ -20,5 +20,4 @@ const props = defineProps({ }, }); - + diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue b/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue index 173bb7f5..bfecee3a 100644 --- a/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue +++ b/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue @@ -2,7 +2,7 @@
- + @@ -31,7 +31,11 @@ const props = defineProps({ content: { type: Object, default: () => {}, - } + }, + tabsStyle: { + type: String, + default: () => {}, + }, }); const state = reactive({ @@ -59,7 +63,7 @@ const common_styles_update = (val: Object) => { width: 10rem; font-size: 1.4rem; } - .el-tabs__active-bar{ + .el-tabs__active-bar { width: 100%; } } diff --git a/src/components/model-tabs/model-tabs-setting.vue b/src/components/model-tabs/model-tabs-setting.vue index f68cc4c2..d36ee28d 100644 --- a/src/components/model-tabs/model-tabs-setting.vue +++ b/src/components/model-tabs/model-tabs-setting.vue @@ -4,7 +4,7 @@
@@ -20,5 +20,4 @@ const props = defineProps({ }, }); - + diff --git a/src/components/model-tabs/model-tabs-styles.vue b/src/components/model-tabs/model-tabs-styles.vue index 235cb4b0..47018729 100644 --- a/src/components/model-tabs/model-tabs-styles.vue +++ b/src/components/model-tabs/model-tabs-styles.vue @@ -4,7 +4,7 @@
选项卡样式
- + 样式一 样式二 @@ -50,6 +50,10 @@ const props = defineProps({ type: Boolean, default: true, }, + tabsStyle: { + type: String, + default: '', + }, }); const state = reactive({ @@ -60,6 +64,11 @@ const { form } = toRefs(state); const common_styles_update = (val: Object) => { form.value.common_style = val; }; +// 选项卡选中主题1时的主题选择事件 +const tabs_one_theme_event = (val: any) => { + +}; +// 选项卡选中 const tabs_checked_event = (arry: string[], type: number) => { form.value.tabs_checked = arry; form.value.tabs_direction = type.toString();