From 6e1ba99d861ef7c92b69b77ff95bbd9eace9d300 Mon Sep 17 00:00:00 2001 From: whycq <10027870+whycq@user.noreply.gitee.com> Date: 星期六, 21 十月 2023 14:38:38 +0800 Subject: [PATCH] # --- Monitor-APP/pages/home/home.css | 24 ++++++++++++++++++------ 1 files changed, 18 insertions(+), 6 deletions(-) diff --git a/Monitor-APP/pages/home/home.css b/Monitor-APP/pages/home/home.css index fe2a482..7120134 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 { @@ -21,13 +22,24 @@ .swiper-body-main { width: 100%; height: 100%; + font-size: 70px; /* 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; +} +.textred { + color: red; } -- Gitblit v1.9.1