修改轮播处理逻辑

v1.1.0
于肖磊 2024-12-17 15:44:17 +08:00
parent 251c50b8c4
commit e3c47b7a3e
3 changed files with 5 additions and 5 deletions

View File

@ -313,7 +313,7 @@ const swiper_bg_img_style = computed(() => {
return ''; return '';
} }
if (!isEmpty(form.value.carousel_list[actived_index.value]?.style?.background_img)) { if (!isEmpty(form.value.carousel_list[actived_index.value]?.style?.background_img)) {
return background_computer(form.value.carousel_list[actived_index.value].style) + (form.value.is_background_img_blur == '1' ? `filter: blur(14px);opacity: 0.6;` : ''); return background_computer(form.value.carousel_list[actived_index.value].style) + (form.value.carousel_list[actived_index.value].is_background_img_blur == '1' ? `filter: blur(14px);opacity: 0.6;` : '');
} }
return ''; return '';
}); });

View File

@ -60,7 +60,7 @@
<background-common v-model:color_list="item.style.color_list" v-model:direction="item.style.direction" v-model:img_style="item.style.background_img_style" v-model:img="item.style.background_img" :tooltip-content="'1.背景图的优先级比背景色的优先级高<br/>2.覆盖通用背景样式'" @mult_color_picker_event="(...value: [color_list[], number]) => carousel_tabs_mult_color_picker_event(...value, index)" /> <background-common v-model:color_list="item.style.color_list" v-model:direction="item.style.direction" v-model:img_style="item.style.background_img_style" v-model:img="item.style.background_img" :tooltip-content="'1.背景图的优先级比背景色的优先级高<br/>2.覆盖通用背景样式'" @mult_color_picker_event="(...value: [color_list[], number]) => carousel_tabs_mult_color_picker_event(...value, index)" />
<div class="flex-row w gap-10 mt-10"> <div class="flex-row w gap-10 mt-10">
<div class="size-12">背景图模糊</div> <div class="size-12">背景图模糊</div>
<el-switch v-model="form.is_background_img_blur" active-value="1" inactive-value="0" /> <el-switch v-model="item.is_background_img_blur" active-value="1" inactive-value="0" />
</div> </div>
</el-form-item> </el-form-item>
</el-tab-pane> </el-tab-pane>
@ -96,7 +96,7 @@ const carousel_list = computed(() => {
color_list: [{ color: '', color_percentage: undefined }], color_list: [{ color: '', color_percentage: undefined }],
background_img_style: '2', background_img_style: '2',
background_img: [], background_img: [],
background_img_blur: '0', is_background_img_blur: '0',
} }
} }
}); });
@ -114,7 +114,7 @@ const add = () => {
color_list: [{ color: '', color_percentage: undefined }], color_list: [{ color: '', color_percentage: undefined }],
background_img_style: '2', background_img_style: '2',
background_img: [], background_img: [],
background_img_blur: '0', is_background_img_blur: '0',
} }
}); });
}; };

View File

@ -94,7 +94,7 @@ const swiper_bg_style = computed(() => {
const swiper_bg_img_style = computed(() => { const swiper_bg_img_style = computed(() => {
if (!isEmpty(form.value?.carousel_list[actived_index.value]?.style?.background_img)) { if (!isEmpty(form.value?.carousel_list[actived_index.value]?.style?.background_img)) {
return background_computer(form.value.carousel_list[actived_index.value].style) + (form.value.is_background_img_blur == '1' ? `filter: blur(14px);opacity: 0.6;` : ''); return background_computer(form.value.carousel_list[actived_index.value].style) + (form.value.carousel_list[actived_index.value].is_background_img_blur == '1' ? `filter: blur(14px);opacity: 0.6;` : '');
} }
return ''; return '';
}); });