admin/wot-design-uni
1
0
Fork 0
mirror of https://gitee.com/wot-design-uni/wot-design-uni.git synced 2025-12-06 17:18:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: ✨ Swiper 轮播项type字段的处理逻辑限制在可选值范围内 (#785)

Browse Source
This commit is contained in:
不如摸鱼去 2024-12-15 21:51:07 +08:00 committed by GitHub
parent b1f42af640
commit 1fd0a27788
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/pages/swiper/Index.vue
View File

@ -212,7 +212,6 @@ const current6 = ref<number>(0)
const current7 = ref<number>(0)
const current8 = ref<number>(0)
const current9 = ref<number>(0)
const current10 = ref<number>(0)
const isLoop = ref(false)

25
src/uni_modules/wot-design-uni/components/wd-swiper/wd-swiper.vue
View File

@ -20,16 +20,8 @@
@animationfinish="handleAnimationfinish"
>
<swiper-item v-for="(item, index) in list" :key="index" class="wd-swiper__item">
<image
v-if="isImage(item)"
:src="isObj(item) ? item[valueKey] : item"
:class="`wd-swiper__image ${customImageClass} ${customItemClass} ${getCustomItemClass(currentValue, index, list)}`"
:style="{ height: addUnit(height) }"
:mode="imageMode"
@click="handleClick(index, item)"
/>
<video
v-else-if="isVideo(item)"
v-if="isVideo(item)"
:id="`video-${index}-${uid}`"
:style="{ height: addUnit(height) }"
:src="isObj(item) ? item[valueKey] : item"
@ -44,6 +36,15 @@
objectFit="cover"
@click="handleClick(index, item)"
/>
<image
v-else
:src="isObj(item) ? item[valueKey] : item"
:class="`wd-swiper__image ${customImageClass} ${customItemClass} ${getCustomItemClass(currentValue, index, list)}`"
:style="{ height: addUnit(height) }"
:mode="imageMode"
@click="handleClick(index, item)"
/>
<text v-if="isObj(item) && item[textKey]" :class="`wd-swiper__text ${customTextClass}`" :style="customTextStyle">{{ item[textKey] }}</text>
</swiper-item>
</swiper>
@ -137,10 +138,12 @@ const swiperIndicator = computed(() => {
})
const getMediaType = (item: string | SwiperList, type: 'video' | 'image') => {
const checkType = (url: string) => (type === 'video' ? isVideoUrl(url) : isImageUrl(url))
if (isObj(item)) {
return item.type ? item.type === type : type === 'video' ? isVideoUrl(item[props.valueKey]) : isImageUrl(item[props.valueKey])
return item.type && ['video', 'image'].includes(item.type) ? item.type === type : checkType(item[props.valueKey])
} else {
return type === 'video' ? isVideoUrl(item) : isImageUrl(item)
return checkType(item)
}
}