This commit is contained in:
parent
fdd434aa64
commit
9959a0a128
|
|
@ -3,28 +3,50 @@
|
|||
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body">
|
||||
<div class="offcanvas-right-products">
|
||||
@foreach ($carts as $cart)
|
||||
<div class="product-list d-flex align-items-center">
|
||||
<div class="left"><img src="{{ $cart['image'] }}" calss="img-fluid"></div>
|
||||
<div class="right flex-grow-1">
|
||||
<div class="name fs-sm fw-bold mb-2">{{ $cart['name'] }}</div>
|
||||
<div class="product-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="price">{{ $cart['price_format'] }} <span class="text-muted">x {{ $cart['quantity'] }}<span></div>
|
||||
<span class="offcanvas-products-delete" data-id="{{ $cart['cart_id'] }}"><i class="bi bi-x-lg"></i> 删除</span>
|
||||
@if ($carts)
|
||||
<div class="offcanvas-right-products">
|
||||
@foreach ($carts as $cart)
|
||||
<div class="product-list d-flex align-items-center">
|
||||
<div class="left"><img src="{{ $cart['image'] }}" calss="img-fluid"></div>
|
||||
<div class="right flex-grow-1">
|
||||
<div class="name fs-sm fw-bold mb-2">{{ $cart['name'] }}</div>
|
||||
<div class="product-bottom d-flex justify-content-between align-items-center">
|
||||
<div class="price">{{ $cart['price_format'] }} <span class="text-muted">x {{ $cart['quantity'] }}<span>
|
||||
</div>
|
||||
<span class="offcanvas-products-delete" data-id="{{ $cart['cart_id'] }}"><i class="bi bi-x-lg"></i>
|
||||
删除</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<div class="d-flex justify-content-center align-items-center flex-column">
|
||||
<div class="empty-cart-wrap text-center mt-5">
|
||||
<div class="empty-cart-icon mb-3">
|
||||
<i class="bi bi-cart fs-1"></i>
|
||||
</div>
|
||||
<div class="empty-cart-text mb-3">
|
||||
<h5>您的购物车是空的</h5>
|
||||
<p class="text-muted">您可以去看看有哪些想买的</p>
|
||||
</div>
|
||||
<div class="empty-cart-action">
|
||||
<a href="{{ shop_route('home.index') }}" class="btn btn-primary">去逛逛</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="offcanvas-footer">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2 p-4 bg-light">
|
||||
<strong>小计(<span class="offcanvas-right-cart-count">{{ $quantity }}</span>)</strong>
|
||||
<strong class="ms-auto offcanvas-right-cart-amount">{{ $amount_format }}</strong>
|
||||
|
||||
@if ($carts)
|
||||
<div class="offcanvas-footer">
|
||||
<div class="d-flex justify-content-between align-items-center mb-2 p-4 bg-light">
|
||||
<strong>小计(<span class="offcanvas-right-cart-count">{{ $quantity }}</span>)</strong>
|
||||
<strong class="ms-auto offcanvas-right-cart-amount">{{ $amount_format }}</strong>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<a href="{{ shop_route('checkout.index') }}" class="btn w-100 btn-dark">去结账</a>
|
||||
<a href="{{ shop_route('carts.index') }}" class="btn w-100 btn-outline-dark mt-2">查看购物车</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="p-4">
|
||||
<a href="{{ shop_route('checkout.index') }}" class="btn w-100 btn-dark">去结账</a>
|
||||
<a href="{{ shop_route('carts.index') }}" class="btn w-100 btn-outline-dark mt-2">查看购物车</a>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
|
|
|||
Loading…
Reference in New Issue