#

whycq

2023-08-30 7a6fa0eef283bec6b91474522e11e5fa8ed88c08

 Monitor-APP/pages/home/home.css

@@ -1,22 +1,42 @@
.text-content {
   width: 100%;
   height: 100%;
   font-size: 44px;
   /* 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;
   justify-content: space-around;
	
}
.swiper-body {
   width: 100%;
   height: 90%;
   background-color: #aa0000;
   /* background-color: #aa0000; */
}
.swiper-body-main {
   width: 100%;
   height: 100%;
   background-color: #00a8ff;
}
   font-size: 70px;
   /* background-color: #00a8ff; */
}
.swiper-item {
   display: flex;
   align-items: center;
   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); */
}
.swiper-margin {
   margin-top: 50px;
}