优化 ui

This commit is contained in:
pushuo 2022-09-20 17:45:19 +08:00 committed by Edward Yang
parent 9acda217c8
commit 605371ca63
9 changed files with 21 additions and 15 deletions

View File

@ -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>

View File

@ -40,11 +40,6 @@ body.page-cart {
input {
flex: 0 0 1;
}
img {
max-width: 80px;
margin-left: 14px;
}
}
}
}

View File

@ -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;

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>