<template>
<YxPictureViewer
:drag="true"
@dragend="dragend"
:del="true"
:images="images"
:width="100"
:height="100"
@delete="handelDelete"
></YxPictureViewer>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import { ImagesTypes } from '../src/types'
const images = ref<ImagesTypes[]>([
{
src: 'https://norisk-prod-1305901002.cos.ap-chengdu.myqcloud.com/20220119/014026340563464bb7ee74d653325825.png',
},
{
src: 'https://norisk-dev-1305901002.cos.ap-chengdu.myqcloud.com/20210914/7fdae4d8277c4cbe89cc03930247a9c5.png',
},
])
const dragend = (params: any) => {
console.log(params)
}
const handelDelete = ({ index, images }: { index: number; images: ImagesTypes[] }) => {
console.log(index, images)
}
</script>
<style scoped lang="less"></style>