优化 ui
This commit is contained in:
parent
9acda217c8
commit
605371ca63
|
|
@ -118,7 +118,7 @@
|
|||
<td><input type="checkbox" :value="item.id" v-model="selected" /></td>
|
||||
<td>@{{ item.id }}</td>
|
||||
<td>
|
||||
<div class="wh-60"><img :src="item.images[0] || 'image/placeholder.png'" class="img-fluid"></div>
|
||||
<div class="wh-60 border d-flex justify-content-between align-items-center"><img :src="item.images[0] || 'image/placeholder.png'" class="img-fluid"></div>
|
||||
</td>
|
||||
<td>
|
||||
<a :href="item.url" target="_blank" :title="item.name" class="text-dark">@{{ stringLengthInte(item.name, 90) }}</a>
|
||||
|
|
|
|||
|
|
@ -40,11 +40,6 @@ body.page-cart {
|
|||
input {
|
||||
flex: 0 0 1;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 80px;
|
||||
margin-left: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -261,7 +261,10 @@ header {
|
|||
border-top: 1px solid #eee;
|
||||
|
||||
.left {
|
||||
width: 90px;
|
||||
width: 80px;
|
||||
flex: 0 0 80px;
|
||||
height: 80px;
|
||||
border: 1px solid #eee;
|
||||
margin-right: 10px;
|
||||
|
||||
img {
|
||||
|
|
@ -270,6 +273,14 @@ header {
|
|||
}
|
||||
|
||||
.right {
|
||||
.name {
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
}
|
||||
|
||||
.offcanvas-products-delete {
|
||||
cursor: pointer;
|
||||
color: #999;
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@
|
|||
@foreach ($latest_orders as $order)
|
||||
<tr class="align-middle">
|
||||
<td style="width: 62px">
|
||||
<div class="img border wh-60">
|
||||
<div class="img border wh-60 d-flex justify-content-between align-items-center">
|
||||
<img src="{{ $order->orderProducts[0]->image ?? '' }}" class="img-fluid">
|
||||
</div>
|
||||
</td>
|
||||
|
|
|
|||
|
|
@ -43,7 +43,7 @@
|
|||
<tr class="{{ $loop->first ? 'first-tr' : '' }}">
|
||||
<td>
|
||||
<div class="product-info">
|
||||
<div class="img"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="img border d-flex justify-content-between align-items-center"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="name">
|
||||
<a class="text-dark"
|
||||
href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
|
||||
|
|
|
|||
|
|
@ -59,7 +59,7 @@
|
|||
@foreach ($order->orderProducts as $product)
|
||||
<div class="product-list">
|
||||
<div class="d-flex">
|
||||
<div class="left"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="left border d-flex justify-content-between align-items-center"><img src="{{ $product->image }}" class="img-fluid"></div>
|
||||
<div class="right">
|
||||
<div class="name">
|
||||
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
@foreach ($wishlist as $item)
|
||||
<tr data-id="{{ $item['id'] }}">
|
||||
<td>
|
||||
<div class="wh-70"><img src="{{ $item['image'] }}" class="img-fluid"></div>
|
||||
<div class="wh-70 border d-flex justify-content-between align-items-center"><img src="{{ $item['image'] }}" class="img-fluid"></div>
|
||||
</td>
|
||||
<td>{{ $item['product_name'] }}</td>
|
||||
<td>{{ $item['price'] }}</td>
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
<th>{{ __('shop/carts.index') }}</th>
|
||||
<th width="170">{{ __('shop/carts.commodity') }}</th>
|
||||
<th width="170">{{ __('shop/carts.subtotal') }}</th>
|
||||
<th class="text-end">{{ __('common.action') }}</th>
|
||||
<th width="100" class="text-end">{{ __('common.action') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -44,7 +44,7 @@
|
|||
<td>
|
||||
<div class="d-flex align-items-center p-image">
|
||||
<input class="form-check-input" type="checkbox" @change="checkedCartTr(index)" v-model="product.selected">
|
||||
<img :src="product.image" class="img-fluid">
|
||||
<div class="border d-flex align-items-center justify-content-between wh-80 ms-3"><img :src="product.image" class="img-fluid"></div>
|
||||
</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
|||
|
|
@ -7,9 +7,9 @@
|
|||
<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="left"><a href="{{ shop_route('products.show', $cart['product_id']) }}" class="d-flex justify-content-between align-items-center h-100"><img src="{{ $cart['image'] }}" class="img-fluid"></a></div>
|
||||
<div class="right flex-grow-1">
|
||||
<div class="name fs-sm fw-bold mb-2">{{ $cart['name'] }}</div>
|
||||
<a href="{{ shop_route('products.show', $cart['product_id']) }}" class="name fs-sm fw-bold mb-3 text-dark" title="{{ $cart['name'] }}">{{ $cart['name'] }}</a>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue