update
This commit is contained in:
@@ -38,7 +38,11 @@ defineExpose({
|
|||||||
<template>
|
<template>
|
||||||
<template v-if="!$slots.default">
|
<template v-if="!$slots.default">
|
||||||
<!-- #ifndef MP-WEIXIN -->
|
<!-- #ifndef MP-WEIXIN -->
|
||||||
<image @click="open" v-bind="$attrs" :src="src" mode="aspectFill"></image>
|
<image v-if="!src.endsWith('.mp4')" @click="open" v-bind="$attrs" :src="src" mode="aspectFill"></image>
|
||||||
|
<view class="relative" v-else @click="open">
|
||||||
|
<video v-bind="$attrs" :controls="false" :src="src"></video>
|
||||||
|
<view class="size-full absolute z-10 left-0 top-0"></view>
|
||||||
|
</view>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<!-- #ifdef MP-WEIXIN -->
|
<!-- #ifdef MP-WEIXIN -->
|
||||||
<image @click="open" :class="imageClass" :src="src" mode="aspectFill"></image>
|
<image @click="open" :class="imageClass" :src="src" mode="aspectFill"></image>
|
||||||
|
|||||||
@@ -25,13 +25,14 @@ const openPrew = () => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<view class="relative">
|
<view class="relative">
|
||||||
<x-image :sy="showSY" ref="XImageRef" class="!w-[160rpx] !h-[160rpx]" mode="aspectFill" :src="list[0]"
|
<x-image :sy="showSY" ref="XImageRef" class="!w-[160rpx] !h-[160rpx]"
|
||||||
|
mode="aspectFill" :src="list[0]"
|
||||||
:list="list"></x-image>
|
:list="list"></x-image>
|
||||||
|
|
||||||
<image v-if="showSY" class="!size-full !absolute left-0 top-0" :src="ICON" mode="aspectFill"
|
<image v-if="showSY" class="!size-full !absolute left-0 top-0" :src="ICON" mode="aspectFill"
|
||||||
@click="openPrew"></image>
|
@click="openPrew"></image>
|
||||||
|
|
||||||
<view class="!flex absolute left-1/2 -translate-x-1/2 bottom-[20rpx] z-10 gap-[8rpx]">
|
<view class="!flex absolute left-1/2 -translate-x-1/2 bottom-[20rpx] z-20 gap-[8rpx]">
|
||||||
<view v-for="(_v, index) in list"
|
<view v-for="(_v, index) in list"
|
||||||
:class="[`rounded-[50%] !size-[12rpx] ${index === 0 ? 'bg-[rgba(255,255,255,1)]' : 'bg-[rgba(255,255,255,.67)]'}`]"></view>
|
:class="[`rounded-[50%] !size-[12rpx] ${index === 0 ? 'bg-[rgba(255,255,255,1)]' : 'bg-[rgba(255,255,255,.67)]'}`]"></view>
|
||||||
</view>
|
</view>
|
||||||
|
|||||||
Reference in New Issue
Block a user