|
@@ -107,41 +107,35 @@ export default defineComponent({
|
|
watch-slides-progress={true}
|
|
watch-slides-progress={true}
|
|
freeMode={true}
|
|
freeMode={true}
|
|
onSwiper={setThumbsSwiper}>
|
|
onSwiper={setThumbsSwiper}>
|
|
- {props.item.attachmentUrl.map(
|
|
|
|
- (i: any, index: number) =>
|
|
|
|
- index <= 3 && (
|
|
|
|
- <SwiperSlide class="slide">
|
|
|
|
- <div class={styles.photo}>
|
|
|
|
- {checkFile(i, 'image') ? (
|
|
|
|
- <Image
|
|
|
|
- src={i + '@base@tag=imgScale&w=120'}
|
|
|
|
- fit="cover"
|
|
|
|
- />
|
|
|
|
- ) : (
|
|
|
|
- <div class={styles.videoSmallWErap}>
|
|
|
|
- <Image
|
|
|
|
- src={palyBtn}
|
|
|
|
- class={styles.playBtn}></Image>
|
|
|
|
- <video
|
|
|
|
- style={{ backgroundColor: '#F8F8F8' }}
|
|
|
|
- poster={iconVideoDefault}
|
|
|
|
- src={i + '#t=1,4'}
|
|
|
|
- />
|
|
|
|
- </div>
|
|
|
|
- )}
|
|
|
|
|
|
+ {props.item.attachmentUrl.map((i: any, index: number) => (
|
|
|
|
+ <SwiperSlide class="slide">
|
|
|
|
+ <div class={styles.photo}>
|
|
|
|
+ {checkFile(i, 'image') ? (
|
|
|
|
+ <Image
|
|
|
|
+ src={i + '@base@tag=imgScale&w=120'}
|
|
|
|
+ fit="cover"
|
|
|
|
+ />
|
|
|
|
+ ) : (
|
|
|
|
+ <div class={styles.videoSmallWErap}>
|
|
|
|
+ <Image src={palyBtn} class={styles.playBtn}></Image>
|
|
|
|
+ <video
|
|
|
|
+ style={{ backgroundColor: '#F8F8F8' }}
|
|
|
|
+ poster={iconVideoDefault}
|
|
|
|
+ src={i + '#t=1,4'}
|
|
|
|
+ />
|
|
|
|
+ </div>
|
|
|
|
+ )}
|
|
|
|
|
|
- {props.item.attachmentUrl.length > 4 &&
|
|
|
|
- index === 3 ? (
|
|
|
|
- <div class={styles.photoMore}>
|
|
|
|
- +{props.item.attachmentUrl.length - 4}
|
|
|
|
- </div>
|
|
|
|
- ) : (
|
|
|
|
- ''
|
|
|
|
- )}
|
|
|
|
|
|
+ {props.item.attachmentUrl.length > 4 && index === 3 ? (
|
|
|
|
+ <div class={styles.photoMore}>
|
|
|
|
+ +{props.item.attachmentUrl.length - 4}
|
|
</div>
|
|
</div>
|
|
- </SwiperSlide>
|
|
|
|
- )
|
|
|
|
- )}
|
|
|
|
|
|
+ ) : (
|
|
|
|
+ ''
|
|
|
|
+ )}
|
|
|
|
+ </div>
|
|
|
|
+ </SwiperSlide>
|
|
|
|
+ ))}
|
|
</Swiper>
|
|
</Swiper>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|