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

首页品牌图片

This commit is contained in:
songliang 2022-08-04 17:38:30 +08:00
parent fe778a4273
commit e6b42fd2a2
7 changed files with 30 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
beike/Shop/Http/Resources/BrandDetail.php
View File

@ -23,7 +23,7 @@ class BrandDetail extends JsonResource
return [
'id' => $this->id,
'name' => $this->name,
'logo' => image_resize($this->logo),
'logo' => image_origin($this->logo),
'sort_order' => $this->sort_order,
'url'=> shop_route('brands.show', $this->id),
'first' => $this->first,

17
public/build/beike/shop/default/css/app.css vendored
View File

@ -588,7 +588,7 @@ footer .footer-bottom {
display: flex;
justify-content: center;
}
.product-wrap .image .button-wrap a {
.product-wrap .image .button-wrap button {
color: white;
display: block;
margin: 4px;
@ -596,12 +596,12 @@ footer .footer-bottom {
width: 36px;
height: 38px;
text-align: center;
line-height: 38px;
line-height: 35px;
border-radius: 4px;
text-decoration: none;
position: relative;
}
.product-wrap .image .button-wrap a > span {
.product-wrap .image .button-wrap button > span {
font-size: 11px;
text-transform: none;
line-height: 18px;
@ -615,7 +615,7 @@ footer .footer-bottom {
left: 50%;
transform: translate(-50%);
}
.product-wrap .image .button-wrap a > span::before {
.product-wrap .image .button-wrap button > span::before {
content: "";
border: 5px solid transparent;
border-top-color: #000;
@ -624,7 +624,7 @@ footer .footer-bottom {
left: 50%;
margin-left: -5px;
}
.product-wrap .image .button-wrap a:hover span {
.product-wrap .image .button-wrap button:hover span {
opacity: 1;
bottom: calc(100% + 7px);
z-index: 2;
@ -712,7 +712,7 @@ body.page-product .product-image .left .swiper > div > div {
border: 1px solid #eee;
margin-bottom: 10px;
width: 80px;
height: 80px;
height: 80px !important;
padding: 2px;
cursor: pointer;
}
@ -1290,9 +1290,12 @@ body.page-list .curser > li > a:hover {
align-items: center;
justify-content: center;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07);
margin-bottom: 30px;
margin-bottom: 10px;
height: 90px;
}
.module-brand .brand-item > img {
max-height: 100%;
}
.module-tab-product .module-title {
margin-bottom: 1rem;

6
resources/beike/shop/default/css/module/module-brand.scss vendored
View File

@ -6,7 +6,11 @@
align-items: center; // flex-start | center
justify-content: center; // flex-end | center | space-between
box-shadow: 0 6px 18px rgba(0, 0, 0, .07);
margin-bottom: 30px;
margin-bottom: 10px;
height: 90px;
>img {
max-height: 100%;
}
}
}

2
resources/beike/shop/default/css/page-product.scss vendored
View File

@ -21,7 +21,7 @@ body.page-product {
border: 1px solid #eee;
margin-bottom: 10px;
width: 80px;
height: 80px;
height: 80px !important;
padding: 2px;
cursor: pointer;

4
resources/beike/shop/default/css/product-style.scss vendored
View File

@ -32,7 +32,7 @@
display: flex;
justify-content: center;
a {
button {
color: white;
display: block;
margin: 4px;
@ -40,7 +40,7 @@
width: 36px;
height: 38px;
text-align: center;
line-height: 38px;
line-height: 35px;
border-radius: 4px;
text-decoration: none;
position: relative;

10
themes/default/design/brand.blade.php
View File

@ -11,14 +11,18 @@
@endif
<div class="module-info module-brand mb-5">
{{-- {{ dd($content) }} --}}
<div class="module-title">{{ $content['title'] }}</div>
<div class="container">
<div class="row">
@for ($i = 0; $i < 8; $i++)
@foreach ($content['brands'] as $brand)
<div class="col-6 col-md-4 col-lg-3">
<div class="brand-item"><img src="{{ asset('image/default/banner-1.png') }}" class="img-fluid"></div>
<div class="brand-item">
<img src="{{ $brand['logo'] ?? asset('image/default/banner-1.png') }}" class="img-fluid">
</div>
<p class="text-center">{{ $brand['name'] }}</p>
</div>
@endfor
@endforeach
</div>
</div>
</div>

8
themes/default/shared/product.blade.php
View File

@ -9,14 +9,14 @@
</div>
</a>
<div class="button-wrap">
<a href="" class="btn-left">
<button class="add-wishlist">
<i class="iconfont">&#xe77f;</i>
<span>加入收藏</span>
</a>
<a href="" class="btn-right">
</button>
<button class="add-cart">
<i class="iconfont">&#xf13a;</i>
<span>加入购物车</span>
</a>
</button>
</div>
</div>
<div class="product-name">{{ $product['name'] }}</div>