From fd082c657a3bdcae4a6ba03c0e18ec2424e9a07c Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期四, 26 九月 2024 13:04:37 +0800 Subject: [PATCH] # --- Monitor-APP/pages/home/home.css | 21 +++++++++++++-------- 1 files changed, 13 insertions(+), 8 deletions(-) diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css index fe2a482..2830136 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: 12px; /* background-color: aliceblue; */ } .swiper-head { width: 100%; - height: 10%; + height: 6%; 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: 94%; /* background-color: #aa0000; */ } .swiper-body-main { @@ -24,10 +24,15 @@ /* background-color: #00a8ff; */ } .swiper-item { - display: grid; + display: flex; align-items: center; - grid-template-columns: 2fr 3fr 2fr 2fr 1fr; + /* display: flex; + flex-wrap: wrap; + align-items: center; + text-align: start; + 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); */ } -- Gitblit v1.9.1