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 | 33 +++++++++++++++++++++++++++------ 1 files changed, 27 insertions(+), 6 deletions(-) diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css index 37e87e2..e4c6152 100644 --- a/Monitor-APP/pages/home/home.css +++ b/Monitor-APP/pages/home/home.css @@ -1,22 +1,43 @@ .text-content { width: 100%; height: 100%; + font-size: 22px; /* background-color: aliceblue; */ } .swiper-head { width: 100%; height: 10%; - background-color: #000000; - display: grid; - grid-template-columns: 1fr 1fr 1fr; + background-color: rgba(54, 94, 226, 0.5); + display: flex; + /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */ + align-items: center; + } .swiper-body { width: 100%; height: 90%; - background-color: #aa0000; + /* background-color: #aa0000; */ } .swiper-body-main { width: 100%; height: 100%; - background-color: #00a8ff; -} \ No newline at end of file + padding-bottom: 2px; + + /* background-color: #00a8ff; */ +} +.swiper-item { + display: flex; + flex-wrap: wrap; + align-items: center; + text-align: start; + background-color: rgba(0, 0, 0, .2); +} +.swiper-item:nth-child(2n-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