From 6d9a0f3d06886a4fd2a0c6d6b35ecb37f936e847 Mon Sep 17 00:00:00 2001 From: jsasg <735273025@qq.com> Date: Mon, 26 May 2025 17:36:05 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20mobile=E4=BA=A7=E5=93=81=E6=90=9C?= =?UTF-8?q?=E7=B4=A2=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/index/controller/Product.php | 14 ++- app/index/lang/en-us/mobile.php | 2 + app/index/view/mobile/product/search.html | 30 +++++- app/index/view/mobile/public/header.html | 6 +- public/static/index/mobile/css/download.css | 23 ---- .../index/mobile/css/product_search.css | 100 ++++++++++++++++++ public/static/index/mobile/css/public.css | 24 +++++ public/static/index/mobile/images/ssapp.png | Bin 0 -> 831 bytes 8 files changed, 170 insertions(+), 29 deletions(-) create mode 100644 public/static/index/mobile/css/product_search.css create mode 100644 public/static/index/mobile/images/ssapp.png diff --git a/app/index/controller/Product.php b/app/index/controller/Product.php index dc2270b8..74ea6b86 100644 --- a/app/index/controller/Product.php +++ b/app/index/controller/Product.php @@ -267,7 +267,12 @@ class Product extends Common */ public function search() { - $keywords = request()->param('keywords', ''); + $param = request()->param([ + 'keywords', + 'page/d' => 1, + 'size/d' => 10 + ]); + $keywords = $param['keywords'] ?? ''; // 关键词搜索 $products = ProductModel::field([ @@ -283,7 +288,11 @@ class Product extends Common ->onSale(true) ->onShelves(true) ->order(['sort' => 'asc', 'id' => 'desc']) - ->select() + ->paginate([ + 'list_rows' => $param['size'], + 'page' => $param['page'], + 'query' => request()->param() + ]) ->each(function ($item) use($keywords) { $item['spu'] = str_replace($keywords, ''.$keywords.'', $item['spu']); $item['name'] = str_replace($keywords, ''.$keywords.'', $item['name']); @@ -291,6 +300,7 @@ class Product extends Common return $item; }); View::assign('products', $products); + View::assign('page', $products->render()); return View::fetch('search'); } diff --git a/app/index/lang/en-us/mobile.php b/app/index/lang/en-us/mobile.php index 1e6e13c8..93092f50 100644 --- a/app/index/lang/en-us/mobile.php +++ b/app/index/lang/en-us/mobile.php @@ -58,4 +58,6 @@ return [ '支持型号' => 'Supported Models', '支持系统' => 'Supported Systems', '全站搜索' => 'Search', + '搜索' => 'Search', + '请搜索' => 'Please search...', ]; \ No newline at end of file diff --git a/app/index/view/mobile/product/search.html b/app/index/view/mobile/product/search.html index 5a0ec62e..31f070e9 100644 --- a/app/index/view/mobile/product/search.html +++ b/app/index/view/mobile/product/search.html @@ -1,7 +1,33 @@ {extend name="public/base" /} {block name="style"} - + {/block} {block name="main"} - +
+ +
+
+
+ + +
+ +
+ {notempty name="products"} +
+ {volist name="products" id="pro"} + + +
+ {$pro.name|raw} + {$pro.spu|raw} +
+ + {/volist} +
+ +
{$page|raw}
+ {/notempty} +
+
{/block} \ No newline at end of file diff --git a/app/index/view/mobile/public/header.html b/app/index/view/mobile/public/header.html index 3d123185..94bcc25d 100644 --- a/app/index/view/mobile/public/header.html +++ b/app/index/view/mobile/public/header.html @@ -47,8 +47,10 @@
- - +
+ + +

{:lang('搜索历史')}

diff --git a/public/static/index/mobile/css/download.css b/public/static/index/mobile/css/download.css index 9da39187..8abbad88 100755 --- a/public/static/index/mobile/css/download.css +++ b/public/static/index/mobile/css/download.css @@ -33,29 +33,6 @@ padding: 1.333rem; } -.Pages { - text-align: center; - color: #555; - clear: both; - margin-bottom: 0.8rem; - margin-top: 0.6rem; -} -.Pages .pagination li { - display: inline-block; -} -.Pages .pagination li a, -.Pages .pagination li span { - display: inline-block; - vertical-align: middle; - font-size: 0.875rem; - color: #666; - padding: 0.1rem 0.58rem; -} -.Pages .pagination li.active span{ - background-color: #444444; - color: #fff; -} - @media screen and (max-width: 375px) { .download-left { width: 60%; diff --git a/public/static/index/mobile/css/product_search.css b/public/static/index/mobile/css/product_search.css new file mode 100644 index 00000000..9b357082 --- /dev/null +++ b/public/static/index/mobile/css/product_search.css @@ -0,0 +1,100 @@ +.oricoEGapp-topsearch { + display: flex; + flex-direction: column; + justify-content: center; + background: #fff; +} +.oricoEGapp-topsearch .topsearch { + padding: 5.08rem 1.25rem 0.68rem 1.25rem; + display: flex; + flex-direction: row; + align-items: center; +} +.oricoEGapp-topsearch .topsearch .sleft { + flex: 1; + display: flex; + flex-direction: row; + align-items: center; +} +.oricoEGapp-topsearch .topsearch .icosearch { + width: 1rem; + height: 1rem; +} +.oricoEGapp-topsearch .topsearch .topseach-ipt { + flex: 1; + margin: 0 0.625rem; +} +.oricoEGapp-topsearch .topsearch .searchbt { + border: none; + font-size: 0.9rem; + color: #fff; + cursor: pointer; + background: #0060ff; + height: 2rem; + line-height: 2rem; + border-radius: 20px; + padding: 0 1rem; + display: inline-block; +} +.oricoEGapp-topsearch .prlist { + display: flex; + flex-direction: column; + margin: 1.25rem; +} +.oricoEGapp-topsearch .prlist .pritem { + display: flex; + flex-direction: row; + border-bottom: 1px solid #e5e5e5; + justify-content: space-between; +} +.oricoEGapp-topsearch .prlist .pritem .primg { + margin: 0.5rem; + width: 4.26rem; +} +.oricoEGapp-topsearch .prlist .pritem .prinfo { + display: flex; + flex-direction: column; + width: 65%; + float: right; +} +.oricoEGapp-topsearch .prlist .pritem .prinfo .t1 { + font-size: 0.64rem; + padding-top: 1rem; + color: #333; + padding-bottom: 0.45rem; +} +.oricoEGapp-topsearch .prlist .pritem .prinfo .t2 { + font-size: 0.586rem; + color: #666; +} +.oricoEGapp-topsearch .Pages { + text-align: center; + color: #555; + clear: both; + margin-bottom: 0.8rem; + margin-top: 0.6rem; +} +.oricoEGapp-topsearch .Pages span { + display: inline-block; +} +.oricoEGapp-topsearch .Pages .num a { + vertical-align: middle; + color: #666; + font-size: 0.875rem; + padding: 0.1rem 0.58rem; +} +.oricoEGapp-topsearch .Pages .a_prev, +.oricoEGapp-topsearch .Pages .a_next { + padding-top: 0.4rem; + padding-left: 0.38rem; + padding-right: 0.38rem; +} +.oricoEGapp-topsearch .Pages .a_prev img, +.oricoEGapp-topsearch .Pages .a_next img { + width: 0.267rem; + height: 0.587rem; +} +.oricoEGapp-topsearch .Pages .num .a_cur { + background-color: #444444; + color: #fff; +} diff --git a/public/static/index/mobile/css/public.css b/public/static/index/mobile/css/public.css index 05186d8d..d0e8431f 100755 --- a/public/static/index/mobile/css/public.css +++ b/public/static/index/mobile/css/public.css @@ -85,4 +85,28 @@ a { body { font-family: 'Montserrat-SemiBold'; +} + +/* 分页样式 */ +.pagination { + text-align: center; + color: #555; + clear: both; + margin-bottom: 0.8rem; + margin-top: 0.6rem; +} +.pagination li { + display: inline-block; +} +.pagination li a, +.pagination li span { + display: inline-block; + vertical-align: middle; + font-size: 0.875rem; + color: #666; + padding: 0.1rem 0.58rem; +} +.pagination li.active span{ + background-color: #444444; + color: #fff; } \ No newline at end of file diff --git a/public/static/index/mobile/images/ssapp.png b/public/static/index/mobile/images/ssapp.png new file mode 100644 index 0000000000000000000000000000000000000000..555573e269f3b8617f306a70c11bfda9aff002bc GIT binary patch literal 831 zcmV-F1Hk-=P)Px#1am@3R0s$N2z&@+hyVZr=}AOER7gw3R!wf&Kop*_>_xjNJwfOR3MVMsz}*o* z3hb(al;i|Wr0%+LBvN%3t0IJ5-4leKAmjoqIYH?rS=jOPd&aiLzYL(JmJq_soA15v zeczkm>_0tx8{AgwU6mWgo^ai}>GaEDn?00(&E8Svx#t})A$pASS{g_QLEw&fd^}T4 zq!c&=JjA9)_*7&-!PqT=UuUWn!oD|*W5>3ZWlR(T2cWKd9aRXRAKdqCY&M@vKF^~~ z1KM@H1~yF2`9b)8$$Y;luS+M93mjJZi>d^TfAD>Bb$M>B>t(AuY-p$$$?jooDR>50 zu9WB$o@c7|jS{2yXRd37)h~U|tLMdMfZN^S3F1Fcr4UPP6Hu9v{qAs18bI>1tMRB= zN;UOM({-YlA>b_noOSdT{oiiCuQ5%#q5plxn$z)UCa+CYj4Um@ID}BXPcF~RZ9${B zm^}y+MKlV5+nvFJgt2S25kM%?-}L)l*I&vOiz}8FK@hLD?QNQ+{mx(sp}k1c9Rmke zVCNEB@os381nBd6(Ls)YNtG)|Z!d9Ju z9eO$+Se8FBQ#w3Ul9T+LuxHXv1wv2(DD-o82$PVR{klB6)4;j3YzvHPO#pmD`|i-b zYN3xKWn)3%j8#n{oY^<%F99a{n-EvDVJ!cG8LJ8$O+m8fgJD$D=X3Uuz>F1~&&c$7 znW_NC6t8;QM{n(PT&{Yd@E!*I1ucd$oCjU+ue(u18%w^W*fY#%y1itcLfgpT)N^do zFFUOQJ92&z-&lnB3D&;Cnx`89)8cS5C%jPv@pQg&y4-QTK>sQPgzV`87>wD~IW9hG zy7p-mAZ#eQuS9ivQ9$47hDleN+=l>Bp@mb(qP8R$%K_hLLJ3p96q&qkaJ0#SPI}~yCj(Bm;4fh~l`aWGzTN-;002ov JPDHLkV1f=qfc^jg literal 0 HcmV?d00001