From 911e0ed72a790ba054385ffe594262e123948691 Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期三, 26 六月 2024 16:27:05 +0800
Subject: [PATCH] 图标配置
---
src/assets/css/common.css | 77 +++++++++++++++++++++++++++++++-------
1 files changed, 63 insertions(+), 14 deletions(-)
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index 7601764..b9c2ec2 100644
--- a/src/assets/css/common.css
+++ b/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娴忚鍣ㄧ湅鍒癝afari榛戝 */
+@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);
+ }
}
-}
\ No newline at end of file
--
Gitblit v1.8.0