WindowBird/ct
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改cabinet页面

Browse Source
This commit is contained in:
WindowBird 2025-10-20 15:37:26 +08:00
parent e69dcdeafa
commit 8b78225560
1 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/pages/industrySolutions/cabinet.vue
View File

@ -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;
}