修改问题显示
parent
ca47de37d8
commit
d58b6d7cfb
|
|
@ -17,7 +17,7 @@
|
|||
</el-dialog>
|
||||
<div class="search-icon re" :style="'height:' + upload_size + ';width:' + upload_size + ';'" @click="icon_click">
|
||||
<icon :name="!isEmpty(icon_class) ? icon_class : 'add'" :size="Number(size) / 2 + ''" color="c"></icon>
|
||||
<el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
|
||||
<el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
>
|
||||
<swiper-slide v-for="(item, index) in form.carousel_list" :key="index">
|
||||
<div class="item-image flex align-c w h re" :style="img_style">
|
||||
<image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit" error-style="width:5rem;height:5rem"></image-empty>
|
||||
<image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
|
||||
<div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
|
||||
<template v-if="new_style.video_type == 'img'">
|
||||
<image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
|
||||
|
|
@ -41,7 +41,7 @@
|
|||
</swiper-slide>
|
||||
<swiper-slide v-for="(item, index1) in seat_list" :key="index1">
|
||||
<div class="item-image flex align-c w h re" :style="img_style">
|
||||
<image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit" error-style="width:5rem;height:5rem"></image-empty>
|
||||
<image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
|
||||
<div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
|
||||
<template v-if="new_style.video_type == 'img'">
|
||||
<image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
|
||||
|
|
@ -307,10 +307,16 @@ const slideChange = (swiper: { realIndex: number }) => {
|
|||
|
||||
:deep(.swiper-slide) {
|
||||
.item-image {
|
||||
background: #F8FDFF;
|
||||
height: v-bind(newHeight);
|
||||
}
|
||||
}
|
||||
:deep(.el-image) {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
.image-slot img {
|
||||
width: 5rem;
|
||||
}
|
||||
}
|
||||
.video_img {
|
||||
max-width: 6rem;
|
||||
height: 1.4rem;
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@
|
|||
<el-input v-model="item.video_title" placeholder="请输入视频按钮名称" clearable></el-input>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-icon class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
|
||||
<el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
|
||||
</div>
|
||||
</div>
|
||||
<el-button class="mt-20 mb-20 w" @click="add">+添加</el-button>
|
||||
|
|
|
|||
|
|
@ -629,6 +629,7 @@ const data_handling = (x: number, y: number) => {
|
|||
// Y轴不小于0 并且不大于容器高度
|
||||
if (isWithinBounds(item.location.y + y, item.com_data.com_height, center_height.value)) {
|
||||
item.location.y += y;
|
||||
item.location.staging_y += y;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
@ -643,6 +644,7 @@ const data_handling = (x: number, y: number) => {
|
|||
// Y轴不小于0 并且不大于容器高度
|
||||
if (isWithinBounds(item.location.y + y, item.com_data.com_height, center_height.value)) {
|
||||
item.location.y += y;
|
||||
item.location.staging_y += y;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
<url-value v-model="item.carousel_link"></url-value>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-icon class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
|
||||
<el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
|
||||
</div>
|
||||
</div>
|
||||
<el-button class="mt-20 mb-20 w" @click="img_add">+添加</el-button>
|
||||
|
|
|
|||
|
|
@ -126,8 +126,8 @@ const position_class = computed(() => (form.value?.indicator_location == 'center
|
|||
left: 50%;
|
||||
z-index: 3;
|
||||
transform: translateX(-50%);
|
||||
width: 39rem;
|
||||
.roll {
|
||||
width: 39rem;
|
||||
padding-bottom: 0.9rem;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -109,7 +109,11 @@ const state = reactive({
|
|||
});
|
||||
// 如果需要解构,确保使用toRefs
|
||||
const { form, search_content } = toRefs(state);
|
||||
console.log(form);
|
||||
// 监听属性变化
|
||||
watchEffect(() => {
|
||||
form.value = props.value;
|
||||
search_content.value = props.content;
|
||||
});
|
||||
|
||||
const header_background_type_change_event = (val: any) => {
|
||||
if (val === 'color_image') {
|
||||
|
|
|
|||
Loading…
Reference in New Issue