图片处理
This commit is contained in:
parent
40f9c56038
commit
ae7946c5fc
|
@ -1,7 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
class="w-full bg-rose-100 rounded-md shadow-sm overflow-hidden relative"
|
class="w-full bg-rose-100 rounded-md shadow-sm overflow-hidden relative"
|
||||||
v-if="!imageError"
|
|
||||||
>
|
>
|
||||||
<loading-overlay :loading="loading" />
|
<loading-overlay :loading="loading" />
|
||||||
|
|
||||||
|
@ -10,10 +9,7 @@
|
||||||
:src="src"
|
:src="src"
|
||||||
fit="cover"
|
fit="cover"
|
||||||
hide-on-click-modal
|
hide-on-click-modal
|
||||||
lazy
|
|
||||||
@error="imageError = true"
|
|
||||||
@load="loading = false"
|
@load="loading = false"
|
||||||
:preview-src-list="[src]"
|
|
||||||
/>
|
/>
|
||||||
<div class="w-full absolute left-0 bottom-0 bg-slate-800/70 backdrop-blur-sm">
|
<div class="w-full absolute left-0 bottom-0 bg-slate-800/70 backdrop-blur-sm">
|
||||||
<div class="p-2">
|
<div class="p-2">
|
||||||
|
|
Loading…
Reference in New Issue