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

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

@ -140,7 +140,7 @@ useHead({
</div> </div>
<div class="row itemTwo text-center"> <div class="row itemTwo text-center">
<div class="col-xs-12 col-lg-6 "> <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>
<div class="col-xs-12 col-lg-6 "> <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;"> <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> </div>
<div class="col-xs-12 col-lg-6 "> <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> </div>
</div> </div>
@ -176,6 +176,7 @@ useHead({
/* 页面容器 */ /* 页面容器 */
.internet_Things_car { .internet_Things_car {
width: 100%; width: 100%;
} }
@ -288,7 +289,7 @@ useHead({
/* ====== 响应式调整 ====== */ /* ====== 响应式调整 ====== */
@media (max-width: 1199px) { @media (max-width: 1199px) {
.internet_Things_car .item2 { .internet_Things_car .item2 {
width: 90%;
margin: 40px auto; margin: 40px auto;
} }
@ -335,6 +336,12 @@ useHead({
.itemTwo .textTitle { .itemTwo .textTitle {
width: 90%; width: 90%;
} }
/* 換電櫃系統核心功能響應式 */
.internet_Things_car .item2 .col-lg-4 {
width: 50%; /* 中等螢幕顯示為兩列 */
margin-bottom: 30px;
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -370,6 +377,12 @@ useHead({
.itemTwo .textTitle h4 { .itemTwo .textTitle h4 {
font-size: 18px; font-size: 18px;
} }
/* 換電櫃系統核心功能響應式 */
.internet_Things_car .item2 .col-lg-4 {
width: 33%; /* 小螢幕顯示為一列 */
margin: 0 auto 20px;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
@ -398,7 +411,7 @@ useHead({
} }
.internet_Things_car .item2 img { .internet_Things_car .item2 img {
width: 100%; width: 50%;
height: auto; height: auto;
} }