#

whycq

2024-07-29 0e3ac2732eaa6bab942c71a5a3e27e9ba991ef64

 Monitor-APP/pages/home/home.css

@@ -1,7 +1,7 @@
.text-content {
   width: 100%;
   height: 100%;
   font-size: 20px;
   font-size: 1.6vw;
   /* background-color: aliceblue;    */
}
.swiper-head {
@@ -15,21 +15,29 @@
}
.swiper-body {
   width: 100%;
   height: 90%;
   height: 100%;
   /* background-color: #aa0000; */
}
.swiper-body-main {
   width: 100%;
   height: 100%;
   padding-bottom: 2px;
	
   /* background-color: #00a8ff; */
}
.swiper-item {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   /* display: grid; */
   /* align-items: center; */
   /* grid-template-columns: 2fr 3fr 2fr 2fr 1fr; */
   text-align: start;
   background-color: rgba(0, 0, 0, .2);
}
.swiper-item:nth-child(2n-1) {
   background-color: rgba(255, 255, 255, .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);
}