25 lines
588 B
Vue
25 lines
588 B
Vue
<template>
|
|
<tiny-image :image-size="100" :src="url" :preview-src-list="srcList" show-index @delete="deleteHander" preview-visible></tiny-image>
|
|
</template>
|
|
|
|
<script>
|
|
import { Image, Message } from '@opentiny/vue'
|
|
|
|
export default {
|
|
components: {
|
|
TinyImage: Image
|
|
},
|
|
data() {
|
|
return {
|
|
url: 'webnova/static/images/1.jpg',
|
|
srcList: ['webnova/static/images/1.jpg', 'webnova/static/images/dog2.png', 'webnova/static/images/3.jpg']
|
|
}
|
|
},
|
|
methods: {
|
|
deleteHander() {
|
|
this.$message({ message: '已删除照片', status: 'info' })
|
|
}
|
|
}
|
|
}
|
|
</script>
|