update_202312051941_项目-治疗室屏幕web-切图v1

jazz

2023-12-05 aeb317703c9c82edb7c4c7ecc5985eef62864c7c

 src/assets/css/common.css

@@ -43,7 +43,21 @@
   align-items: center;
   -webkit-align-items: center;
}

/* 水平居中 */
.flex-align-center{
   justify-content: center;
   -webkit-justify-content: center;
}
/* 水平居左 */
.flex-align-start{
   justify-content: start;
   -webkit-justify-content: start;
}
/* 水平居右 */
.flex-align-end{
   justify-content: end;
   -webkit-justify-content: end;
}
.flex-ver {-webkit-align-items: center;align-items: center;}
.flex-col {-webkit-flex-flow: column;flex-flow: column;}
.flex-end{
@@ -181,7 +195,7 @@
   right: 0;
   bottom: 0;
   z-index: 10;
   background: rgba(0,0,0,0.8);
   background: rgba(0,0,0,0.67);
}
body{
   overflow: hidden;
@@ -190,6 +204,8 @@
.page {
   width: 100vw;
   height: 100vh;
   /* width: 1440px;
   height: 900px; */
   background-color: rgba(34,123,235,1);
   box-sizing: border-box;
   padding: 0 23px 42px 23px;
@@ -218,6 +234,7 @@
   font-size: 20px;
   font-family: PingFangSC-regular;
   text-align: right;
   margin-left: 33px;
}

.page_week {}
@@ -236,4 +253,22 @@
.page_container {
   width: 100%;
   height: calc( 100% - 100px );
}

.btn_ani {
   animation-name: anim_scale;
   animation-duration: 1.1s;
   animation-iteration-count: infinite;
}

@keyframes anim_scale {
   0% {
      scale: 1;
   }
   50% {
      scale: 1.05;
   }
   100% {
      scale: 1;
}
}