Merge branch 'dev-sws' into dev-yxl
commit
fd761bec7f
|
|
@ -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) {
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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) => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue