From 0e3ac2732eaa6bab942c71a5a3e27e9ba991ef64 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期一, 29 七月 2024 15:58:43 +0800 Subject: [PATCH] # --- Monitor-APP/pages/home/home.css | 35 ++++++++++++++++++++++++++++------- 1 files changed, 28 insertions(+), 7 deletions(-) diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css index 37e87e2..25ce30e 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: 1.6vw; /* 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; + height: 100%; + /* 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(145, 145, 145, 0.1); +} +.swiper-item:first-child { + background-color: rgba(255, 85, 0, 0.7); +} +.swiper-item:nth-child(2) { + background-color: rgba(255, 85, 0, 0.5); +} -- Gitblit v1.9.1