#

whycq

2024-03-07 2e2e3388e99a6ac5db426b84c1fb76da3dec31aa

 Monitor-APP/pages/home/home.css

@@ -1,16 +1,18 @@
.text-content {
   width: 100%;
   height: 100%;
   font-size: 40px;
   font-size: 10px;
   /* background-color: aliceblue;    */
}
.swiper-head {
   width: 100%;
   /* width: 100%; */
   height: 10%;
   background-color: rgba(54, 94, 226, 0.5);
   display: grid;
   grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
   background-color: #095dbe;
   display: flex;
   color: #fefefe;
   /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
   align-items: center;
   font-weight: bold;
   
}
.swiper-body {
@@ -20,14 +22,17 @@
}
.swiper-body-main {
   width: 100%;
   height: 100%;
   height: 97%;
   /* background-color: #00a8ff; */
}
.swiper-item {
   display: grid;
   display: flex;
   align-items: center;
   grid-template-columns: 2fr 3fr 2fr 2fr 1fr;
   /* background-color: aliceblue; */
   /* display: grid; */
   /* align-items: center; */
   /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
}
.swiper-item:nth-child(2n-1) {
   background-color: rgba(255, 255, 255, .1);
.swiper-item:nth-child(2n-2) {
   background-color: #073367;
}