From 81b38ade1dffe379d2eb58e5bbc87196665fc909 Mon Sep 17 00:00:00 2001
From: pushuo <229102104@qq.com>
Date: Sat, 3 Sep 2022 22:25:46 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A4=84=E7=90=86=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E6=B2=A1=E6=9C=89=E6=90=9C=E7=B4=A2=E6=8C=89=E9=92=AE=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E7=AD=89=20->=20https://guangdagit.com/beike/beikesho?=
 =?UTF-8?q?p/issues/221?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/beike/shop/default/css/footer.scss  |  4 +++
 resources/beike/shop/default/css/header.scss  | 26 +++++++++++++------
 .../beike/shop/default/css/product-style.scss |  7 ++++-
 themes/default/design/brand.blade.php         |  2 +-
 themes/default/design/image100.blade.php      |  2 +-
 themes/default/design/image401.blade.php      |  6 ++---
 themes/default/design/slideshow.blade.php     |  2 +-
 themes/default/layout/header.blade.php        |  7 ++++-
 8 files changed, 40 insertions(+), 16 deletions(-)

diff --git a/resources/beike/shop/default/css/footer.scss b/resources/beike/shop/default/css/footer.scss
index 6204c013..2068767f 100644
--- a/resources/beike/shop/default/css/footer.scss
+++ b/resources/beike/shop/default/css/footer.scss
@@ -5,6 +5,10 @@ footer {
   background: #fafafa;
   margin-top: 5rem;
 
+  @media (max-width:768px) {
+    margin-top: 2rem;
+  }
+
   .footer-active {
     outline: 2px dashed #4bb1f0 !important;
   }
diff --git a/resources/beike/shop/default/css/header.scss b/resources/beike/shop/default/css/header.scss
index 280bab83..d96e3fbf 100644
--- a/resources/beike/shop/default/css/header.scss
+++ b/resources/beike/shop/default/css/header.scss
@@ -173,23 +173,33 @@ header {
 
   .header-mobile {
     .mobile-content {
-      padding: 10px 15px;
+      padding: 10px;
       display: flex;
       align-items: center;
       justify-content: space-between;
 
-      .mobile-open-menu {
-        cursor: pointer;
-      }
-
       > div {
         width: 33.33%;
       }
 
       .left {
-        > i {
-          font-size: 1.6rem;
-          line-height: 1;
+        display: flex;
+        align-items: center;
+
+        > div {
+          cursor: pointer;
+          > i {
+            font-size: 1.5rem;
+            line-height: 1;
+          }
+        }
+
+        .mobile-open-search {
+          margin-left: 10px;
+
+          > i {
+            font-size: 1.1rem;
+          }
         }
       }
 
diff --git a/resources/beike/shop/default/css/product-style.scss b/resources/beike/shop/default/css/product-style.scss
index cb48fec1..840cdf27 100644
--- a/resources/beike/shop/default/css/product-style.scss
+++ b/resources/beike/shop/default/css/product-style.scss
@@ -60,6 +60,11 @@
 
   .product-name {
     margin-bottom: 6px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
   }
 
   .product-price {
@@ -74,4 +79,4 @@
       text-decoration: line-through;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/themes/default/design/brand.blade.php b/themes/default/design/brand.blade.php
index ede65bd1..32a20b38 100644
--- a/themes/default/design/brand.blade.php
+++ b/themes/default/design/brand.blade.php
@@ -10,7 +10,7 @@
   </div>
   @endif
 
-  <div class="module-info module-brand mb-5">
+  <div class="module-info module-brand mb-3 mb-md-5">
     {{-- {{ dd($content) }} --}}
     <div class="module-title">{{ $content['title'] }}</div>
     <div class="container">
diff --git a/themes/default/design/image100.blade.php b/themes/default/design/image100.blade.php
index c018b6f5..a3d23883 100644
--- a/themes/default/design/image100.blade.php
+++ b/themes/default/design/image100.blade.php
@@ -10,7 +10,7 @@
   </div>
   @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">
       <a class="col-12" href="{{ $content['images'][0]['link']['link'] ?? '' }}"><img src="{{ $content['images'][0]['image'] }}" class="img-fluid"></a>
     </div>
diff --git a/themes/default/design/image401.blade.php b/themes/default/design/image401.blade.php
index cb0970bd..3927add8 100644
--- a/themes/default/design/image401.blade.php
+++ b/themes/default/design/image401.blade.php
@@ -10,13 +10,13 @@
   </div>
   @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="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>
         </div>
-        <div class="col-6">
+        <div class="col-md-6 col-12">
           <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'][2]['link']['link'] ?? '' }}" class="right"><img src="{{ $content['images'][2]['image'] }}" class="img-fluid"></a>
diff --git a/themes/default/design/slideshow.blade.php b/themes/default/design/slideshow.blade.php
index a7a33bb1..f4909b8d 100644
--- a/themes/default/design/slideshow.blade.php
+++ b/themes/default/design/slideshow.blade.php
@@ -14,7 +14,7 @@
     </div>
   </div>
   @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-wrapper">
         @foreach($content['images'] as $image)
diff --git a/themes/default/layout/header.blade.php b/themes/default/layout/header.blade.php
index 41de559b..94a288de 100644
--- a/themes/default/layout/header.blade.php
+++ b/themes/default/layout/header.blade.php
@@ -114,7 +114,12 @@
 
   <div class="header-mobile d-lg-none">
     <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') }}">
           <img src="{{ image_origin(system_setting('base.logo')) }}" class="img-fluid"></a>
       </div>