From 081a07d73fdb4183c0a3b6b44c4c268cd09dd9d3 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Tue, 15 Oct 2024 15:01:20 +0800
Subject: [PATCH] =?UTF-8?q?1=E9=80=89=E9=A1=B9=E5=8D=A1=E8=BD=AE=E6=92=AD.?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-tabs-carousel/model-tabs-carousel-content.vue    | 6 +++++-
 .../model-tabs-carousel/model-tabs-carousel-setting.vue    | 6 ++++--
 .../model-tabs-carousel/model-tabs-carousel-styles.vue     | 7 ++++++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/model-tabs-carousel/model-tabs-carousel-content.vue b/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
index 9fb0d17c..d73d631f 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-content.vue
@@ -20,6 +20,10 @@ const props = defineProps({
         type: Object,
         default: () => ({}),
     },
+    tabsActive: {
+        type: String,
+        default: 'tabs',
+    },
 });
 
 const state = reactive({
@@ -28,7 +32,7 @@ const state = reactive({
 });
 const { form, styles } = toRefs(state);
 
-const tabs_name = ref('tabs');
+const tabs_name = ref(props.tabsActive);
 </script>
 <style lang="scss" scoped>
 :deep(.el-tabs.content-tabs) {
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 96602857..edc2f372 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-setting.vue
@@ -1,10 +1,11 @@
 <template>
     <div class="setting-content">
+        {{ tabs_active }}
         <template v-if="type == '1'">
-            <model-tabs-carousel-content :value="value.content" :tab-carousel-style="value.style"></model-tabs-carousel-content>
+            <model-tabs-carousel-content :value="value.content" :tabs-active="tabs_active" :tab-carousel-style="value.style"></model-tabs-carousel-content>
         </template>
         <template v-if="type == '2'">
-            <model-tabs-carousel-styles :value="value.style" :tabs-style="value.content.tabs_theme" :content="value.content"></model-tabs-carousel-styles>
+            <model-tabs-carousel-styles :value="value.style" :tabs-active="tabs_active" :tabs-style="value.content.tabs_theme" :content="value.content"></model-tabs-carousel-styles>
         </template>
     </div>
 </template>
@@ -19,5 +20,6 @@ const props = defineProps({
         default: () => ({}),
     },
 });
+const tabs_active = ref('tabs');
 </script>
 <style lang="scss" scoped></style>
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 bfecee3a..c8d87c91 100644
--- a/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue
+++ b/src/components/model-tabs-carousel/model-tabs-carousel-styles.vue
@@ -1,5 +1,6 @@
 <template>
     <div class="w">
+        {{ tabs_name }}
         <el-tabs v-model="tabs_name" class="content-tabs">
             <el-tab-pane label="选项卡" name="tabs">
                 <model-tabs-styles :value="form" :tabs-style="tabsStyle" :is-common="false"></model-tabs-styles>
@@ -36,6 +37,10 @@ const props = defineProps({
         type: String,
         default: () => {},
     },
+    tabsActive: {
+        type: String,
+        default: 'tabs',
+    },
 });
 
 const state = reactive({
@@ -43,7 +48,7 @@ const state = reactive({
     new_content: props.content,
 });
 
-const tabs_name = ref('tabs');
+const tabs_name = ref(props.tabsActive);
 // 如果需要解构，确保使用toRefs
 const { form, new_content } = toRefs(state);
 const common_styles_update = (val: Object) => {