图标配置

long

2024-06-26 911e0ed72a790ba054385ffe594262e123948691

 src/assets/css/common.css

@@ -35,6 +35,7 @@
   flex: 1;
   -webkit-flex: 1;
}
.flex-1-w1 {width: 1px;}
.w1{width: 0.0732vw;}.h1{height: 0.0732vw;}

.flex-center {
@@ -43,7 +44,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{
@@ -194,11 +209,22 @@
   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 {
   height: 100px;
}

.page_header {
   min-height: 100px;
.page_header .left {
   cursor: pointer;
}

.page_logo_1 {
@@ -206,14 +232,22 @@
   height: 45px;
   display: block;
}

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

.page_logo_2 .img {
   width: 100%;
   height: 100%;
  object-fit: contain;
}
.page_date {
   line-height: 28px;
   color: rgba(255,255,255,1);
@@ -238,23 +272,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);
  }
}
}