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

优化 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/beike/admin/views/pages/products/index.blade.php
View File

@ -118,7 +118,7 @@
<td><input type="checkbox" :value="item.id" v-model="selected" /></td> <td><input type="checkbox" :value="item.id" v-model="selected" /></td>
<td>@{{ item.id }}</td> <td>@{{ item.id }}</td>
<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>
<td> <td>
<a :href="item.url" target="_blank" :title="item.name" class="text-dark">@{{ stringLengthInte(item.name, 90) }}</a> <a :href="item.url" target="_blank" :title="item.name" class="text-dark">@{{ stringLengthInte(item.name, 90) }}</a>

5
resources/beike/shop/default/css/cart.scss vendored
View File

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

13
resources/beike/shop/default/css/header.scss vendored
View File

@ -261,7 +261,10 @@ header {
border-top: 1px solid #eee; border-top: 1px solid #eee;
.left { .left {
width: 90px; width: 80px;
flex: 0 0 80px;
height: 80px;
border: 1px solid #eee;
margin-right: 10px; margin-right: 10px;
img { img {
@ -270,6 +273,14 @@ header {
} }
.right { .right {
.name {
overflow: hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.offcanvas-products-delete { .offcanvas-products-delete {
cursor: pointer; cursor: pointer;
color: #999; color: #999;

2
themes/default/account/account.blade.php
View File

@ -67,7 +67,7 @@
@foreach ($latest_orders as $order) @foreach ($latest_orders as $order)
<tr class="align-middle"> <tr class="align-middle">
<td style="width: 62px"> <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"> <img src="{{ $order->orderProducts[0]->image ?? '' }}" class="img-fluid">
</div> </div>
</td> </td>

2
themes/default/account/order.blade.php
View File

@ -43,7 +43,7 @@
<tr class="{{ $loop->first ? 'first-tr' : '' }}"> <tr class="{{ $loop->first ? 'first-tr' : '' }}">
<td> <td>
<div class="product-info"> <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"> <div class="name">
<a class="text-dark" <a class="text-dark"
href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a> href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>

2
themes/default/account/order_info.blade.php
View File

@ -59,7 +59,7 @@
@foreach ($order->orderProducts as $product) @foreach ($order->orderProducts as $product)
<div class="product-list"> <div class="product-list">
<div class="d-flex"> <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="right">
<div class="name"> <div class="name">
<a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a> <a class="text-dark" href="{{ shop_route('products.show', ['product' => $product->product_id]) }}">{{ $product->name }}</a>

2
themes/default/account/wishlist.blade.php
View File

@ -29,7 +29,7 @@
@foreach ($wishlist as $item) @foreach ($wishlist as $item)
<tr data-id="{{ $item['id'] }}"> <tr data-id="{{ $item['id'] }}">
<td> <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>
<td>{{ $item['product_name'] }}</td> <td>{{ $item['product_name'] }}</td>
<td>{{ $item['price'] }}</td> <td>{{ $item['price'] }}</td>

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

@ -36,7 +36,7 @@
<th>{{ __('shop/carts.index') }}</th> <th>{{ __('shop/carts.index') }}</th>
<th width="170">{{ __('shop/carts.commodity') }}</th> <th width="170">{{ __('shop/carts.commodity') }}</th>
<th width="170">{{ __('shop/carts.subtotal') }}</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> </tr>
</thead> </thead>
<tbody> <tbody>
@ -44,7 +44,7 @@
<td> <td>
<div class="d-flex align-items-center p-image"> <div class="d-flex align-items-center p-image">
<input class="form-check-input" type="checkbox" @change="checkedCartTr(index)" v-model="product.selected"> <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> </div>
</td> </td>
<td> <td>

4
themes/default/cart/mini.blade.php
View File

@ -7,9 +7,9 @@
<div class="offcanvas-right-products"> <div class="offcanvas-right-products">
@foreach ($carts as $cart) @foreach ($carts as $cart)
<div class="product-list d-flex align-items-center"> <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="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="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 class="price">{{ $cart['price_format'] }} <span class="text-muted">x {{ $cart['quantity'] }}<span>
</div> </div>