处理手机端没有搜索按钮问题等 -> https://guangdagit.com/beike/beikeshop/issues/221

This commit is contained in:
pushuo 2022-09-03 22:25:46 +08:00
parent a592dc4cf7
commit 81b38ade1d
8 changed files with 40 additions and 16 deletions

View File

@ -5,6 +5,10 @@ footer {
background: #fafafa; background: #fafafa;
margin-top: 5rem; margin-top: 5rem;
@media (max-width:768px) {
margin-top: 2rem;
}
.footer-active { .footer-active {
outline: 2px dashed #4bb1f0 !important; outline: 2px dashed #4bb1f0 !important;
} }

View File

@ -173,26 +173,36 @@ header {
.header-mobile { .header-mobile {
.mobile-content { .mobile-content {
padding: 10px 15px; padding: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.mobile-open-menu {
cursor: pointer;
}
> div { > div {
width: 33.33%; width: 33.33%;
} }
.left { .left {
display: flex;
align-items: center;
> div {
cursor: pointer;
> i { > i {
font-size: 1.6rem; font-size: 1.5rem;
line-height: 1; line-height: 1;
} }
} }
.mobile-open-search {
margin-left: 10px;
> i {
font-size: 1.1rem;
}
}
}
.right { .right {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;

View File

@ -60,6 +60,11 @@
.product-name { .product-name {
margin-bottom: 6px; margin-bottom: 6px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
} }
.product-price { .product-price {

View File

@ -10,7 +10,7 @@
</div> </div>
@endif @endif
<div class="module-info module-brand mb-5"> <div class="module-info module-brand mb-3 mb-md-5">
{{-- {{ dd($content) }} --}} {{-- {{ dd($content) }} --}}
<div class="module-title">{{ $content['title'] }}</div> <div class="module-title">{{ $content['title'] }}</div>
<div class="container"> <div class="container">

View File

@ -10,7 +10,7 @@
</div> </div>
@endif @endif
<div class="module-image-plus module-info mb-5 d-flex justify-content-center"> <div class="module-image-plus module-info mb-3 mb-md-5 d-flex justify-content-center">
<div class="container{{ $content['full'] ? '-fluid' : '' }} d-flex justify-content-center"> <div class="container{{ $content['full'] ? '-fluid' : '' }} d-flex justify-content-center">
<a class="col-12" href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a> <a class="col-12" href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a>
</div> </div>

View File

@ -10,13 +10,13 @@
</div> </div>
@endif @endif
<div class="module-image-plus module-info mb-5"> <div class="module-image-plus module-info mb-3 mb-md-5">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-md-6 col-12 mb-3 mb-md-0">
<a href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a> <a href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a>
</div> </div>
<div class="col-6"> <div class="col-md-6 col-12">
<div class="module-image-plus-top"> <div class="module-image-plus-top">
<a href="{{ $content['images'][1]['link']['link'] ?? '' }}"><img src="{{ $content['images'][1]['image'] }}" class="img-fluid"></a> <a href="{{ $content['images'][1]['link']['link'] ?? '' }}"><img src="{{ $content['images'][1]['image'] }}" class="img-fluid"></a>
<a href="{{ $content['images'][2]['link']['link'] ?? '' }}" class="right"><img src="{{ $content['images'][2]['image'] }}" class="img-fluid"></a> <a href="{{ $content['images'][2]['link']['link'] ?? '' }}" class="right"><img src="{{ $content['images'][2]['image'] }}" class="img-fluid"></a>

View File

@ -14,7 +14,7 @@
</div> </div>
</div> </div>
@endif @endif
<div class="module-info mb-5"> <div class="module-info mb-3 mb-md-5">
<div class="swiper module-swiper-{{ $module_id }} module-slideshow"> <div class="swiper module-swiper-{{ $module_id }} module-slideshow">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
@foreach($content['images'] as $image) @foreach($content['images'] as $image)

View File

@ -114,7 +114,12 @@
<div class="header-mobile d-lg-none"> <div class="header-mobile d-lg-none">
<div class="mobile-content"> <div class="mobile-content">
<div class="left mobile-open-menu"><i class="bi bi-list"></i></div> <div class="left">
<div class="mobile-open-menu"><i class="bi bi-list"></i></div>
<div class="mobile-open-search" href="#offcanvas-search-top" data-bs-toggle="offcanvas" aria-controls="offcanvasExample">
<i class="iconfont">&#xe8d6;</i>
</div>
</div>
<div class="center"><a href="{{ shop_route('home.index') }}"> <div class="center"><a href="{{ shop_route('home.index') }}">
<img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a> <img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a>
</div> </div>