wuhui_zzw
/
wyyl
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

购物车 空状态

This commit is contained in:
pushuo 2022-08-15 16:16:50 +08:00
parent a45406aec2
commit f3cef76a4f
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
themes/default/cart/cart.blade.php
View File

@ -14,7 +14,7 @@
<div class="col-12 col-md-9">@include('shared.steps', ['steps' => 1])</div> <div class="col-12 col-md-9">@include('shared.steps', ['steps' => 1])</div>
</div> </div>
<div class="row mt-5"> <div class="row mt-5" v-if="products.length">
<div class="col-12 col-md-9"> <div class="col-12 col-md-9">
<div class="cart-products-wrap"> <div class="cart-products-wrap">
<table class="table"> <table class="table">
@ -26,9 +26,9 @@
全选 全选
</label> </label>
</th> </th>
<th width="230">商品</th> <th>商品</th>
<th>数量</th> <th width="170">数量</th>
<th>小计</th> <th width="170">小计</th>
<th class="text-end">操作</th> <th class="text-end">操作</th>
</tr> </tr>
</thead> </thead>
@ -58,8 +58,7 @@
<td class="text-end"> <td class="text-end">
<button type="button" class="btn text-danger btn-sm px-0" @click.stop="checkedBtnDelete(product.cart_id)"> <button type="button" class="btn text-danger btn-sm px-0" @click.stop="checkedBtnDelete(product.cart_id)">
<i class="bi bi-x-lg"></i> 删除 <i class="bi bi-x-lg"></i> 删除
</button><br> </button>
<button type="button" class="btn text-secondary btn-link btn-sm px-0">加入收藏</button>
</td> </td>
</tr> </tr>
</tbody> </tbody>
@ -83,6 +82,20 @@
</div> </div>
</div> </div>
</div> </div>
<div v-else 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>
</div> </div>
@endsection @endsection