#

whycq

2024-07-02 5dfe7cf20819d6727e19aa7028b42fa63d48ef72

 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;
}
   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);
}