21 lines
500 B
Vue
21 lines
500 B
Vue
<script lang="ts" setup>
|
|
defineProps<{
|
|
imageUrl: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="relative h-full min-h-[50vh] w-full flex flex-col rounded-xl bg-muted/50 p-4 lg:col-span-2">
|
|
<Badge variant="outline" class="absolute right-3 top-3">
|
|
Output
|
|
</Badge>
|
|
<div class="flex-1" />
|
|
<Image :image-url="imageUrl" />
|
|
|
|
<Button type="submit" size="sm" class="ml-auto gap-1.5">
|
|
下载图片
|
|
<CornerDownLeft class="size-3.5" />
|
|
</Button>
|
|
</div>
|
|
</template>
|