sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改页面问题处理

v1.0.0
于肖磊 2024-10-23 15:57:32 +08:00
parent a7f6c50e7c
commit 2f34846db3
1 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/model-carousel/index.vue
View File

@ -28,7 +28,8 @@
<swiper-slide v-for="(item, index) in form.carousel_list" :key="index"> <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"> <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"></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"> <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 abs oh video-class" :style="`bottom: ${new_style.video_bottom}px;`">
<div class="flex-row gap-10 align-c" :style="video_style">
<template v-if="new_style.video_type == 'img'"> <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;" /> <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
</template> </template>
@ -38,11 +39,13 @@
<span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span> <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
</div> </div>
</div> </div>
</div>
</swiper-slide> </swiper-slide>
<swiper-slide v-for="(item, index1) in seat_list" :key="index1"> <swiper-slide v-for="(item, index1) in seat_list" :key="index1">
<div class="item-image flex align-c w h re" :style="img_style"> <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"></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"> <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 abs oh video-class" :style="`bottom: ${new_style.video_bottom}px;`">
<div class="flex-row gap-10 align-c" :style="video_style">
<template v-if="new_style.video_type == 'img'"> <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;" /> <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
</template> </template>
@ -52,6 +55,7 @@
<span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span> <span v-if="!isEmpty(item.video_title)" :style="`color:${new_style.video_title_color};font-size: ${new_style.video_title_size}px;text-wrap: nowrap;`">{{ item.video_title }}</span>
</div> </div>
</div> </div>
</div>
</swiper-slide> </swiper-slide>
<div v-if="new_style.is_show == '1'" :class="{'x-middle': new_style.indicator_location == 'center', 'right-0': new_style.indicator_location == 'flex-end' }" class="dot flex abs" :style="`bottom: ${new_style.indicator_bottom}px;`"> <div v-if="new_style.is_show == '1'" :class="{'x-middle': new_style.indicator_location == 'center', 'right-0': new_style.indicator_location == 'flex-end' }" class="dot flex abs" :style="`bottom: ${new_style.indicator_bottom}px;`">
<template v-if="new_style.indicator_style == 'num'"> <template v-if="new_style.indicator_style == 'num'">
@ -196,7 +200,7 @@ const swiper_style = computed(() => {
}); });
// 视频播放按钮显示逻辑 // 视频播放按钮显示逻辑
const video_style = computed(() => { const video_style = computed(() => {
let style = `bottom: ${new_style.value.video_bottom}px;`; let style = ``;
if (!isEmpty(new_style.value.video_radius)) { if (!isEmpty(new_style.value.video_radius)) {
style += radius_computer(new_style.value.video_radius) style += radius_computer(new_style.value.video_radius)
} }
@ -324,7 +328,7 @@ const slideChange = (swiper: { realIndex: number }) => {
} }
.video-class { .video-class {
max-width: 100%; max-width: 100%;
margin-right: 10px; padding-right: 10px;
margin-left: 10px; padding-left: 10px;
} }
</style> </style>