From 0e11d74e0e2d664d6104636a75558c31ead2448c Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期四, 01 二月 2024 15:04:41 +0800
Subject: [PATCH] 样式调整
---
src/assets/css/common.css | 75 ++++++++++++++++++++++++++++++-------
1 files changed, 61 insertions(+), 14 deletions(-)
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
index 7601764..c3ebe0f 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,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);
@@ -238,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);
+ }
}
-}
\ No newline at end of file
--
Gitblit v1.8.0