perf: remove ItemPicture
This commit is contained in:
parent
98510c1d38
commit
0c42bba779
|
@ -1,34 +0,0 @@
|
||||||
<script setup>
|
|
||||||
defineProps({
|
|
||||||
url: { type: String, required: true },
|
|
||||||
width: { type: String, default: '50px' },
|
|
||||||
height: { type: String, default: '50px' },
|
|
||||||
iconSize: { type: String, default: 'md' },
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<QImg
|
|
||||||
:src="url"
|
|
||||||
:height="height"
|
|
||||||
:width="width"
|
|
||||||
:ratio="1"
|
|
||||||
spinner-color="primary"
|
|
||||||
style="border-radius: 50%"
|
|
||||||
>
|
|
||||||
<template #error>
|
|
||||||
<div class="icon-container">
|
|
||||||
<QIcon name="photo" :size="iconSize" style="opacity: 0.4" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</QImg>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.icon-container {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
Reference in New Issue