From a2b5e7a2d134be290cc89972eee60b0404f4bd3a Mon Sep 17 00:00:00 2001
From: Junjie <xjj@123>
Date: 星期二, 17 六月 2025 13:43:46 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.css | 18 +++++++++++-------
1 files changed, 11 insertions(+), 7 deletions(-)
diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css
index fe2a482..0d6576f 100644
--- a/Monitor-APP/pages/home/home.css
+++ b/Monitor-APP/pages/home/home.css
@@ -1,21 +1,21 @@
.text-content {
width: 100%;
height: 100%;
- font-size: 40px;
+ font-size: 2vw;
/* background-color: aliceblue; */
}
.swiper-head {
width: 100%;
height: 10%;
background-color: rgba(54, 94, 226, 0.5);
- display: grid;
- grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
+ display: flex;
+ /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
align-items: center;
}
.swiper-body {
width: 100%;
- height: 90%;
+ height: 100%;
/* background-color: #aa0000; */
}
.swiper-body-main {
@@ -24,10 +24,14 @@
/* background-color: #00a8ff; */
}
.swiper-item {
- display: grid;
+ display: flex;
+ flex-wrap: wrap;
align-items: center;
- grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
+ text-align: start;
+ border-bottom: 0.1vw solid #000;
+ background-color: rgba(0, 0, 0, .2);
+ padding-bottom: 1vw;
}
.swiper-item:nth-child(2n-1) {
- background-color: rgba(255, 255, 255, .1);
+ /* background-color: rgba(0, 0, 0, .5); */
}
--
Gitblit v1.9.1