样式调整

long

2024-02-01 0e11d74e0e2d664d6104636a75558c31ead2448c

 src/assets/css/common.css

@@ -209,11 +209,18 @@
   height: 900px; */
   background-color: rgba(34,123,235,1);
   box-sizing: border-box;
   padding: 0 23px 42px 23px;
   padding: 0 23px 23px 23px;
}

/* 避免Chrome浏览器看到Safari黑客 */
@supports (-webkit-touch-callout: none) {
   .page {
      /* The hack for Safari */
      /* height: -webkit-fill-available; */
      /* height: -webkit-fill-available; */
   }
}
.page_header {
   min-height: 100px;
   height: 100px;
}

.page_header .left {
@@ -225,14 +232,20 @@
   height: 45px;
   display: block;
}

.page_logo_1 .img {
   width: 100%;
   height: 100%;
}
.page_logo_2 {
   width: 132px;
   height: 50px;
   display: block;
   margin-left: 10px;
}

.page_logo_2 .img {
   width: 100%;
   height: 100%;
}
.page_date {
   line-height: 28px;
   color: rgba(255,255,255,1);
@@ -257,23 +270,38 @@

.page_container {
   width: 100%;
   height: calc( 100% - 100px );
}

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

@-webkit-keyframes anim_scale {
   0% {
    transform: scale(1);
   }
   50% {
    transform: scale(1.1);
   }
   100% {
    transform: scale(1);
  }
}

@keyframes anim_scale {
   0% {
      scale: 1;
    transform: scale(1);
   }
   50% {
      scale: 1.05;
    transform: scale(1.1);
   }
   100% {
      scale: 1;
    transform: scale(1);
  }
}
}