From 7e468598a9e8d86c6789c48b898b7eab9346640e Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 22 八月 2023 11:20:11 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.css | 20 ++++++++++++++------
1 files changed, 14 insertions(+), 6 deletions(-)
diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css
index fe2a482..dd7d447 100644
--- a/Monitor-APP/pages/home/home.css
+++ b/Monitor-APP/pages/home/home.css
@@ -1,16 +1,17 @@
.text-content {
width: 100%;
height: 100%;
- font-size: 40px;
+ font-size: 44px;
/* 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;
+ justify-content: space-around;
}
.swiper-body {
@@ -24,10 +25,17 @@
/* background-color: #00a8ff; */
}
.swiper-item {
- display: grid;
+ display: flex;
align-items: center;
- grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
+ text-align: start;
+ justify-content: space-around;
+ border-bottom: 2px solid #000;
+ background-color: rgba(0, 0, 0, .2);
}
+
.swiper-item:nth-child(2n-1) {
- background-color: rgba(255, 255, 255, .1);
+ /* background-color: rgba(255, 255, 255, .1); */
+}
+.swiper-margin {
+ margin-top: 50px;
}
--
Gitblit v1.9.1