Merge remote-tracking branch 'origin/dev-yxl' into dev-sws
commit
32b697d1e4
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="flex-row align-c gap-10">
|
||||
<el-switch v-model="form.tabs_top_up" active-value="1" inactive-value="0" :disabled="is_immersion_model" />
|
||||
<el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时,选项卡置顶功能禁用</span>" raw-content placement="top">
|
||||
<icon name="miaosha-hdgz" size="16"></icon>
|
||||
<icon name="miaosha-hdgz" size="12" color="#999"></icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
<div class="flex-row align-c gap-10">
|
||||
<el-switch v-model="form.tabs_top_up" active-value="1" inactive-value="0" :disabled="is_immersion_model"/>
|
||||
<el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时,选项卡置顶功能禁用</span>" raw-content placement="top">
|
||||
<icon name="miaosha-hdgz" size="16"></icon>
|
||||
<icon name="miaosha-hdgz" size="12" color="#999"></icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
</el-col>
|
||||
</el-row>
|
||||
<el-row class="mt-10 w">
|
||||
<el-col :span="24"><url-value v-model="form.icon_src"></url-value></el-col>
|
||||
<el-col :span="24"><url-value v-model="form.icon_link"></url-value></el-col>
|
||||
</el-row>
|
||||
</template>
|
||||
</el-form-item>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
<div class="flex-row align-c gap-10">
|
||||
<el-switch v-model="form.immersive_style" active-value="1" inactive-value="0" :disabled="is_have_tabs" @change="change_immersive_style"></el-switch>
|
||||
<el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时,不可添加选项卡和选项卡轮播。<br/>并且商品选项卡和文章选项卡的选项卡置顶功能禁用</span>" raw-content placement="top">
|
||||
<icon name="miaosha-hdgz" size="16"></icon>
|
||||
<icon name="miaosha-hdgz" size="12" color="#999"></icon>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
|
@ -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') {
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ interface DefaultFooterNav {
|
|||
is_arrows_show: string;
|
||||
is_center: string;
|
||||
is_icon_show: string;
|
||||
icon_src: object;
|
||||
icon_link: object;
|
||||
icon_img: uploadList[];
|
||||
icon_class: string;
|
||||
search_botton_img: uploadList[];
|
||||
|
|
@ -76,7 +76,7 @@ const defaultFooterNav: DefaultFooterNav = {
|
|||
is_arrows_show: '1',
|
||||
is_center: '0',
|
||||
is_icon_show: '1',
|
||||
icon_src: {},
|
||||
icon_link: {},
|
||||
icon_img: [],
|
||||
icon_class: 'search',
|
||||
search_botton_img: [],
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ interface defaultSearch {
|
|||
content: {
|
||||
is_center: string;
|
||||
is_icon_show: string;
|
||||
icon_src: object;
|
||||
icon_link: object;
|
||||
icon_img: uploadList[];
|
||||
icon_class: string;
|
||||
search_botton_img: uploadList[];
|
||||
|
|
@ -40,7 +40,7 @@ const defaultSearch: defaultSearch = {
|
|||
content: {
|
||||
is_center: '0',
|
||||
is_icon_show: '1',
|
||||
icon_src: {},
|
||||
icon_link: {},
|
||||
icon_img: [],
|
||||
icon_class: '',
|
||||
search_botton_img: [],
|
||||
|
|
|
|||
Loading…
Reference in New Issue