From 8b7822556053006ed6f503177d384a58f5806444 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 20 Oct 2025 15:37:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9cabinet=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/pages/industrySolutions/cabinet.vue | 33 +++++++++++++++++--------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/app/pages/industrySolutions/cabinet.vue b/app/pages/industrySolutions/cabinet.vue
index 3181105..59af9de 100644
--- a/app/pages/industrySolutions/cabinet.vue
+++ b/app/pages/industrySolutions/cabinet.vue
@@ -89,39 +89,39 @@ useHead({
         <div class="text-center  item2 row">
           <h3>换电柜系统核心功能</h3>
           <div style="height: 30px;"/>
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_1.png">
             <h4>用户管理</h4>
             <h6>对注册小程序/app的用户进行管理。</h6>
           </div>
 
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_3.png">
             <h4>换电柜管理</h4>
             <h6>可分地区、分站点查询换电柜状态，对换电柜进行管理。</h6>
           </div>
 
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_4.png">
             <h4>网点/代理商管理</h4>
             <h6>对各城市、各区域代理点/网点信息
               数据进行统计分析管理。</h6>
           </div>
 
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_5.png">
             <h4>订单管理</h4>
             <h6>可查询并管理换电柜的换电订单详细信息。</h6>
           </div>
 
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_6.png">
             <h4>财务管理</h4>
             <h6>可根据租赁情况、财务费用生成统
               计报表。</h6>
           </div>
 
-          <div class="col-xs-6col-lg-4">
+          <div class="col-xs-6 col-lg-4">
             <img alt="" src="/img/Internet_cabinet/icon_7.png">
             <h4>运维管理</h4>
             <h6>可分站点查询充电柜的运维人员、
@@ -140,7 +140,7 @@ useHead({
         </div>
         <div class="row itemTwo text-center">
           <div class="col-xs-12 col-lg-6 ">
-            <img alt="" src="/img/Internet_cabinet/item4_img1.png">
+            <img alt="" src="/img/Internet_cabinet/item4_img1.png" style="width: 100%">
           </div>
           <div class="col-xs-12 col-lg-6 ">
             <div class="col-xs-12 col-lg-3 col-lg-offset-1 textTitle" style="text-align: left;">
@@ -161,7 +161,7 @@ useHead({
             </div>
           </div>
           <div class="col-xs-12 col-lg-6 ">
-            <img alt="" src="/img/Internet_cabinet/item4_img2.png">
+            <img alt="" src="/img/Internet_cabinet/item4_img2.png" style="width: 100%">
           </div>
         </div>
       </div>
@@ -176,6 +176,7 @@ useHead({
 
 /* 页面容器 */
 .internet_Things_car {
+
   width: 100%;
 }
 
@@ -288,7 +289,7 @@ useHead({
 /* ====== 响应式调整 ====== */
 @media (max-width: 1199px) {
   .internet_Things_car .item2 {
-  
+    width: 90%;
     margin: 40px auto;
   }
 
@@ -335,6 +336,12 @@ useHead({
   .itemTwo .textTitle {
     width: 90%;
   }
+
+  /* 換電櫃系統核心功能響應式 */
+  .internet_Things_car .item2 .col-lg-4 {
+    width: 50%; /* 中等螢幕顯示為兩列 */
+    margin-bottom: 30px;
+  }
 }
 
 @media (max-width: 768px) {
@@ -370,6 +377,12 @@ useHead({
   .itemTwo .textTitle h4 {
     font-size: 18px;
   }
+
+  /* 換電櫃系統核心功能響應式 */
+  .internet_Things_car .item2 .col-lg-4 {
+    width: 33%; /* 小螢幕顯示為一列 */
+    margin: 0 auto 20px;
+  }
 }
 
 @media (max-width: 480px) {
@@ -398,7 +411,7 @@ useHead({
   }
 
   .internet_Things_car .item2 img {
-    width: 100%;
+    width: 50%;
     height: auto;
   }