19 lines
573 B
PHP
19 lines
573 B
PHP
|
@props([
|
||
|
|
'image' => null,
|
||
|
|
'href' => null,
|
||
|
|
])
|
||
|
|
|
||
|
|
@php
|
||
|
|
// 使用 Tailwind aspect-auto 保持圖片原始比例
|
||
|
|
$classes = 'relative w-full rounded-lg overflow-hidden shadow-md hover:scale-105 transition-transform cursor-pointer';
|
||
|
|
@endphp
|
||
|
|
|
||
|
|
@if($href)
|
||
|
|
<a href="{{ $href }}" {{ $attributes->merge(['class' => $classes]) }}>
|
||
|
|
<img src="{{ $image }}" alt="" class="w-full h-auto object-contain">
|
||
|
|
</a>
|
||
|
|
@else
|
||
|
|
<div {{ $attributes->merge(['class' => $classes]) }}>
|
||
|
|
<img src="{{ $image }}" alt="" class="w-full h-auto object-contain">
|
||
|
|
</div>
|
||
|
|
@endif
|