From 8e8d6259ac5680a9c5eef963b809f07914828207 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 01 七月 2024 08:32:03 +0800
Subject: [PATCH] #
---
Monitor-APP/pages/home/home.css | 22 ++++++++++++++++------
1 files changed, 16 insertions(+), 6 deletions(-)
diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css
index fe2a482..e4c6152 100644
--- a/Monitor-APP/pages/home/home.css
+++ b/Monitor-APP/pages/home/home.css
@@ -1,15 +1,15 @@
.text-content {
width: 100%;
height: 100%;
- font-size: 40px;
+ font-size: 22px;
/* 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;
}
@@ -21,13 +21,23 @@
.swiper-body-main {
width: 100%;
height: 100%;
+ padding-bottom: 2px;
+
/* 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;
+ 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, 127, 0.1);
+}
+.swiper-item:first-child {
+ background-color: rgba(255, 85, 0, 1.0);
+}
+.swiper-item:nth-child(2) {
+ background-color: rgba(211, 70, 0, 1.0);
}
--
Gitblit v1.9.1