From ba2b343d0ae9e231d1d90bb8f2640fca1b4d8d45 Mon Sep 17 00:00:00 2001
From: jsasg <735273025@qq.com>
Date: Wed, 8 Apr 2026 17:39:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=AE=AD=E5=A4=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/index/view/mobile/product/classify.html | 157 ++++++--------------
 public/static/index/mobile/images/left.png  | Bin 0 -> 271 bytes
 public/static/index/mobile/images/y.png     | Bin 0 -> 301 bytes
 3 files changed, 42 insertions(+), 115 deletions(-)
 create mode 100644 public/static/index/mobile/images/left.png
 create mode 100644 public/static/index/mobile/images/y.png

diff --git a/app/index/view/mobile/product/classify.html b/app/index/view/mobile/product/classify.html
index ebd0c3ce..7518f180 100644
--- a/app/index/view/mobile/product/classify.html
+++ b/app/index/view/mobile/product/classify.html
@@ -1,19 +1,46 @@
 {extend name="public/base" /}
 
 {block name="style"}
+
+
+<script type="text/javascript">
+  (function (doc, win) {
+        var docEl = doc.documentElement;
+        var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
+
+        function setRootFontSize() {
+            var clientWidth = docEl.clientWidth;
+            if (!clientWidth) return;
+            var fontSize = clientWidth / 8.04; // 750px/7.5=100px，375px/7.5=50px
+            console.log(fontSize,'======fontSize=====')
+            // 直接修改内联样式，优先级最高
+            docEl.setAttribute('style', 'font-size: ' + fontSize + 'px !important;');
+        }
+
+        setRootFontSize();
+        win.addEventListener(resizeEvt, setRootFontSize);
+        doc.addEventListener('DOMContentLoaded', setRootFontSize);
+    })(document, window);
+</script>
+
+
 <style>
     * {
         margin: 0;
         padding: 0;
         box-sizing: border-box;
-        font-family: sans-serif
+        font-family: sans-serif;
+        font-size: inherit !important;
+        /* font-size:100% !important; */
     }
 
     body {
         background: #f5f5f5;
-
+        font-size: inherit !important;
+        /* font-size:100% !important; */
         height: 100vh;
         overflow: hidden
+
     }
 
     .top-box {
@@ -21,6 +48,7 @@
         box-sizing: border-box;
         padding: 20px 22px;
         background: #fff;
+        margin-top: 46px;
     }
 
     .top-bar {
@@ -43,7 +71,7 @@
     }
 
     .title {
-        font-size: 0.32rem;
+        font-size: 0.32rem !important;
         font-weight: 500;
     }
 
@@ -63,9 +91,9 @@
 
     .sidebar li {
         list-style: none;
-        padding: 24px 0;
+        padding: 24px 16px;
         text-align: center;
-        font-size: 0.28rem;
+        font-size: 0.28rem !important;
         color: #686A70;
         cursor: pointer;
     }
@@ -76,11 +104,12 @@
     }
 
     /* 右侧内容 */
-    .content {
+    .right-content {
         flex: 1;
         overflow-y: auto;
         padding-left: 12px;
         background: #fff;
+        margin-bottom: 80px;
 
     }
 
@@ -96,7 +125,7 @@
     }
 
     .sec-title {
-        font-size: 0.28rem;
+        font-size: 0.28rem !important;
         color: #686A70;
         font-weight: 500
     }
@@ -126,7 +155,7 @@
         display: none
     }
 
-    .card {
+    .right-card {
         flex-shrink: 0;
         background: #FAFAFA;
         border-radius: 8px;
@@ -144,7 +173,6 @@
         display: flex;
         align-items: center;
         justify-content: center;
-        font-size: 12px;
         color: #999;
     }
 
@@ -158,7 +186,7 @@
     }
 
     .card-name {
-        font-size: 0.2rem;
+        font-size: 0.2rem !important;
         width: 1.52rem;
         height: auto;
         color: #1D1D1F;
@@ -170,7 +198,7 @@
     }
 
     .card-model {
-        font-size: 0.16rem;
+        font-size: 0.16rem !important;
         color: #686A70;
         margin-top: 4px
     }
@@ -185,80 +213,9 @@
         display: block;
 
     }
+
 </style>
-<style>
-    /* 全屏侧边菜单 */
-    .full-menu {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background: rgba(0, 0, 0, .4);
-        z-index: 9999;
-        display: none;
-    }
 
-    .full-menu.show {
-        display: block;
-    }
-
-    .menu-wrap {
-        width: 80%;
-        height: 100%;
-        background: #fff;
-        position: relative;
-        padding: 20px;
-        overflow-y: auto;
-    }
-
-    .menu-close {
-        position: absolute;
-        right: 16px;
-        top: 16px;
-        font-size: 20px;
-        cursor: pointer;
-    }
-
-    .menu-logo {
-        margin: 30px 0 40px;
-    }
-
-    .menu-logo img {
-        height: 24px;
-    }
-
-    .menu-item {
-        padding: 14px 0;
-        border-bottom: 1px solid #eee;
-        font-size: 15px;
-        cursor: pointer;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-    }
-
-    .menu-item::after {
-        content: '>';
-        font-size: 12px;
-        color: #999;
-    }
-
-    .sub-menu {
-        padding-left: 16px;
-        display: none;
-    }
-
-    .sub-menu.show {
-        display: block;
-    }
-
-    .sub-item {
-        padding: 10px 0;
-        font-size: 14px;
-        color: #666;
-    }
-</style>
 {/block}
 
 {block name="main"}
@@ -276,12 +233,12 @@
     {if condition="!empty($categorys)"}
     <ul class="sidebar">
         {volist name="categorys" id="category"}
-        <li class="nav-item" data-tab="tab{$category.id}">{$category.name}</li>
+        <li class="nav-item {eq name='$key' value='0'}active{/eq}" data-tab="tab{$category.id}">{$category.name}</li>
         {/volist}
     </ul>
 
     <!-- 右侧分区内容 -->
-    <div class="content">
+    <div class="right-content">
         {volist name="categorys" id="category"}
         <div class="tab-pane {eq name='$key' value='0'}active{/eq}" id="tab{$category.id}">
             {if condition="!empty($category.children)"}
@@ -319,37 +276,7 @@
 {/block}
 
 {block name="script"}
-<script type="text/javascript">
-    (function (doc, win)
-    {
-        var docEl = doc.documentElement;
-        var resizeEvt = 'orientationchange' in win ? 'orientationchange' : 'resize';
-        var designWidth = 804; // 设计稿宽度
-        var designRemPx = 100; // 设计稿下 1rem 对应 px
 
-        function setRootFontSize ()
-        {
-            var clientWidth = docEl.clientWidth;
-            if (!clientWidth) return;
-
-            // 计算基础字号
-            var fontSize = (clientWidth / designWidth) * designRemPx;
-
-            // 限制范围（可选）
-            fontSize = Math.max(fontSize, 28); // 最小 28px
-            fontSize = Math.min(fontSize, 80); // 最大 80px
-
-            docEl.style.fontSize = fontSize + 'px';
-
-            // 设置 body 基准，避免继承问题
-            doc.body.style.fontSize = '14px';
-        }
-
-        setRootFontSize();
-        win.addEventListener(resizeEvt, setRootFontSize);
-        doc.addEventListener('DOMContentLoaded', setRootFontSize);
-    })(document, window);
-</script>
 <script>
     // 点击右侧箭头滚动
     function scrollNext (el)
diff --git a/public/static/index/mobile/images/left.png b/public/static/index/mobile/images/left.png
new file mode 100644
index 0000000000000000000000000000000000000000..367d0f4637604e1b104cc2f03a8d7247abffd615
GIT binary patch
literal 271
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5pRdF<q9iy!t)x7$D3!r2Gd(wP-o|OkK$$L2
z7srqa#<P>Og_<1%T&!Icf39hZ{KjD!)F(Jy`H4;7#loG8Vj|2l0(H6<8XQ>nc;(8K
zb<0*O&q<JR;1ito*4}FJvXga>f2bWkVE<!-M^t!e<SX%-o%^Qf3r(#1{p5Ps%*ab2
zU*FZJb^hv6Hs@$OVbif{oyHm2g)zZ)bLPyxX@5E-TX)ujP2XlP^0-^haTk)a1G<XA
M)78&qol`;+0AI;owEzGB

literal 0
HcmV?d00001

diff --git a/public/static/index/mobile/images/y.png b/public/static/index/mobile/images/y.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc78fd0779888c4fc7198eeb1de452105e64f971
GIT binary patch
literal 301
zcmeAS@N?(olHy`uVBq!ia0vp^d?3uh1|;P@bT0xa&H|6fVg?3oVGw3ym^DWND9BhG
z<nF|<?wrg^AcrO0(btiIVPik{pF~z5pRdF<q9iy!t)x7$D3!r2Gd(wP-o|OkK$#Vu
zE{-7;jBC#u@-;aKuwIDN+0k@d;aJYKjK{ot7)3d=x86IT?Bls|ZukebU;&~01kcRO
zqo>4F*u>JDf1FjRe<sSjA!O4Tm8kfjcY2?u_HH=wFm(S4tySioRoiB_-+A|H(~@uj
zo}+ORP40^A>WS@3L$bLi$bWm~=MsP2UFOXBXIZ*)7Bng=)$NKaSRuR8*|qWg|G6`o
r-4xqn*zB`%dD{0F^gTSLI9>jBcI+$pfAY3KH#2y;`njxgN@xNADd=m9

literal 0
HcmV?d00001